Figma Design to Fully Responsive Web Page Development

This project converts a Figma design into a fully responsive web page. The design has been carefully replicated to ensure that no detail is overlooked, and the web page is optimized for different screen sizes using CSS media queries. The project utilizes React, Chart.js, and other modern web development technologies.

Screenshots

Screenshot 1

Screenshot 2

Live Demo

Check out the live demo of the project here.

Project Setup

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/imoamo/Figma-Design-to-Fully-Responsive-Web-Page-Development.git
   

2. Navigate to the project directory:

   cd Figma-Design-to-Fully-Responsive-Web-Page-Development
   
   

3. Install dependencies:

    npm install
   
   

4. Run the development server:

    npm run dev
   

The project will be live at http://localhost:5173.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Chart.js: A flexible JavaScript charting library used for visualizing data.
• CSS Media Queries: To ensure the design is fully responsive across different screen sizes.