This project aims to convert a Figma design file into a mobile-first web front end using React and Chakra UI. The primary technologies used are React JS, Chakra UI, TypeScript and Tailwind CSS.
- Clone the repo
- Install dependencies:
pnpm install - Run the project:
pnpm dev - Open your browser and visit http://localhost:5173 to view the application.
- Mobile-First Design: The application has been designed with a mobile-first approach, ensuring optimal usability on smaller screens.
- Desktop Version: In addition to the mobile version, a desktop version of the application has been implemented for enhanced user experience on larger screens.
- React and Chakra UI: The project utilizes React JS for building the user interface components and Chakra UI for styling, ensuring a sleek and responsive design.
- TypeScript: TypeScript has been used to enhance code readability, maintainability, and to catch potential errors during development.
- Figma Design Conversion: The Figma design file provided has been accurately converted into a functional web front end, maintaining fidelity to the original design.