Mock Product Data: The project utilizes mock data to simulate a realistic product catalog, providing a practical experience in rendering and presenting dynamic product information.
Responsive Design: The user interface is designed to be responsive, ensuring seamless user experiences across various devices and screen sizes.
React Components: The application is structured using reusable React components, demonstrating best practices for code organization and modularity.
Routing: The use of React Router enables smooth navigation between different pages of the e-commerce application, allowing users to explore products, view product details, and manage their shopping cart.
User Interaction: User input is implemented with forms and event handling, allowing users to add items to the cart, update quantities, and remove products.
![Screenshot 2023-06-29 at 11 43 26 AM](https://private-user-images.githubusercontent.com/15618230/249688996-cd537d40-b063-4f96-ba25-c75a9c5f5057.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA5MjU2MjYsIm5iZiI6MTcyMDkyNTMyNiwicGF0aCI6Ii8xNTYxODIzMC8yNDk2ODg5OTYtY2Q1MzdkNDAtYjA2My00Zjk2LWJhMjUtYzc1YTljNWY1MDU3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE0VDAyNDg0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTllNTFiNjVjOWRhNmViZWQ3YTQ0OGNlNzU0Y2FmZDdkY2U2NWExOTc1NzM5NzA2NjczOWU1ODUwZjQxMjZjYzcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.O3BHHneZ5fVIqw0meA1Rp5iQUEMnoLBlpeVYbHCiRYQ)
![Screenshot 2023-06-29 at 11 41 53 AM](https://private-user-images.githubusercontent.com/15618230/249689019-2577f0a1-c34b-42cc-93e2-6eeb276b75f6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA5MjU2MjYsIm5iZiI6MTcyMDkyNTMyNiwicGF0aCI6Ii8xNTYxODIzMC8yNDk2ODkwMTktMjU3N2YwYTEtYzM0Yi00MmNjLTkzZTItNmVlYjI3NmI3NWY2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE0VDAyNDg0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ5NDllNDAzN2YzMzBlN2EzMmZkNGQ1ODA1ODVjOTdmOTAxM2JkMTc2MDU1YjMzOGJmNjU1ZWYyMDFkMjM5NjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.lc_vciL9uZl3r5x4ZEwy8bFWLzvq0KEa8S8aOSVPzYI)
![Screenshot 2023-06-29 at 11 41 23 AM](https://private-user-images.githubusercontent.com/15618230/249689030-e0fc5421-24b2-4967-ae25-1af2bf73603e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA5MjU2MjYsIm5iZiI6MTcyMDkyNTMyNiwicGF0aCI6Ii8xNTYxODIzMC8yNDk2ODkwMzAtZTBmYzU0MjEtMjRiMi00OTY3LWFlMjUtMWFmMmJmNzM2MDNlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE0VDAyNDg0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWUyMmI5Yzg0ZTUyZDM5YTc0YmZjZTEzYzI2Y2UwYTFlZTIxN2M0ZWZhNzBkOWI4OWM2NjJhYTA3ODMzMTNiNTYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.BHWjFwG_oz-7CI51pdYpflT4nCMQ2OS7es7z4xUdnCM)