This project is a React application built with Vite. It utilizes the React Router for navigation, and state management is handled using the context API.
- Home Page: Shows project landing page
- Shop Page: Displays a list of products retrieved from the
productData
json file. - Product Detail Page: Displays detailed information about a specific product and buttons for add to cart and quantity increase.
- Error Page: Shown when there's a routing error.
- Image Optimization: Image optimization with the
ViteImagemin
plugin and lazy loading.
Make sure you have Node.js installed on your machine.
- Clone the repository
npm install
npm run dev
Testing is done using Vitest. Run the tests with the following command: npm run test
.
- React
- React Router
- Context API
- Vitest
- Vite (build)
- Vercel (deployment)