Fama screenshot

Fama

Author Avatar Theme by Itsfaqih
Updated: 12 Dec 2020
232 Stars

TailwindCSS based personal branding template. Built with react and framer-motion

Categories

Overview:

Fama is a portfolio website template designed for personal branding. It is based on TailwindCSS and built with React and Framer Motion. The template is created using Create React App and offers a live preview for users to see how it looks before implementing it on their own website. The template can be accessed at https://itsfaqih.vercel.app/.

Features:

  • TailwindCSS-based: Utilizes the powerful styling utility library TailwindCSS.
  • React and Framer Motion: Built with React framework and includes animation features provided by Framer Motion.
  • Live Demo: Users can preview the template live at https://itsfaqih.vercel.app/.

Installation:

To install the Fama portfolio website template, follow these steps:

  1. Clone the project repository:
git clone [repository_url]
  1. Navigate to the project directory:
cd [project_directory]
  1. Install the required dependencies using yarn:
yarn install
  1. Start the development server:
yarn start
  1. Access the template in your browser at http://localhost:3000.

Other available scripts for the project include:

  • yarn watch:style: Runs the postcss-cli to compile the TailwindCSS styles in watch mode.
  • yarn dev: Runs both yarn start and yarn watch:style concurrently.
  • yarn build:style: Compile the TailwindCSS styles for production.
  • yarn test: Launches the test runner in interactive watch mode.
  • yarn build: Builds the app for production.

Please note that the yarn eject command is a one-way operation and should be used with caution as it removes the build tool and configuration choices.

Summary:

Fama is a stylish portfolio website template designed for personal branding. It incorporates TailwindCSS for easy and efficient styling, while being built with React and utilizing the animation features provided by Framer Motion. The template offers a live preview for users to assess its appearance before implementing it on their own website. With a range of available scripts, installation and customization of the template is made convenient and customizable.