Week 2 of #FigmaToCode

Project Overview

This project was built using:

• Next.js
• React.js
• Tailwind CSS
• Vercel (for deployment)
• GitHub (for version control)

Live Demo

Want to see the project in action? Check out the live demo here: Live Demo

Getting Started (Local Setup)

To run this project locally, follow these steps:

1. Clone the repository to your local machine:

   git clone <repository-url>

2. Open the project folder with your favorite code editor.

3. Open a terminal at the root of the project.

4. Install dependencies:

   npm install

5. Start the development server:

   npm run dev

6. Open your browser and go to http://localhost:3000 to view the project.

Development Time

I spent 5 days working on this project. Although, I lost two days because my machine broke down! (Laughs...)

Support

If you find this project useful, please leave a ⭐ star on the repository. It really helps!

Technologies Used

• Next.js — React framework for server-side rendering and static sites
• React.js — JavaScript library for building user interfaces
• Tailwind CSS — Utility-first CSS framework for styling
• Vercel — Cloud platform for static sites and Serverless Functions
• GitHub — Version control and source code management

License

This project is licensed under the MIT License. See the LICENSE file for details.

✍️ Author

Prince Ekpinse Junior Web Developer – React & Next.js

• Portfolio: prince0xdev.vercel.app
• GitHub: github.com/prince0xdev
• Medium: medium.com/@prince0xdev

Connect with Me

Follow me on LinkedIn to see more of my work and updates: Prince Ekpinse - Frontend Developer