This repository contains a small e-commerce web application developed as a frontend code challenge. The app is designed to showcase various frontend development skills and techniques required to build a functional and visually appealing e-commerce platform.
- Browse through a collection of products in the store.
- Add products to the shopping cart and view the cart contents.
- Dynamically update the cart in real-time as items are added or removed.
- Apply basic product filters and sorting options for a better shopping experience.
- Access a product detail page to view more information about a specific item.
- Seamlessly navigate between different sections of the application.
- Responsive design to ensure compatibility across various devices.
- React.js: A popular JavaScript library for building user interfaces.
- React Router: For managing routing and navigation within the application.
- Zustand: A state management library to handle cart data and app state.
- React Query: Used for data fetching and caching.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- Yup: For form validation to ensure data integrity.
- LocalStorage API: Used for managing cart data in local storage.
- Tailwind Icons: For accessing a wide range of icons in the application.
- Clone the repository using
git clone https://github.com/faisalamin001/Frontend-Code-Challenge.git - Navigate to the project directory:
cd Frontend-Code-Challenge - Install the dependencies:
npm install - Start the development server:
npm run dev - Open your browser and visit
http://localhost:5173to view the app.
Will be live soon!
