🛒 𝗧𝗛𝗘 𝗙𝗔𝗞𝗘𝗦𝗧𝗢𝗥𝗘
Fakestore is a dynamic and user-friendly shopping cart website designed as a Single Page Application (SPA). Built with React and React Router
✅ 𝗸𝗲𝘆 𝗳𝗲𝗮𝘁𝘂𝗿𝗲𝘀:
->𝑷𝒓𝒐𝒅𝒖𝒄𝒕 𝑪𝒂𝒕𝒆𝒈𝒐𝒓𝒊𝒆𝒔: Users can browse through different categories of products.
->𝑷𝒓𝒐𝒅𝒖𝒄𝒕 𝑫𝒆𝒕𝒂𝒊𝒍𝒔: Detailed views for each product, including descriptions, pricing, and images.
->𝑺𝒉𝒐𝒑𝒑𝒊𝒏𝒈 𝑪𝒂𝒓𝒕: Add products to the cart, view the cart with all selected items, and see the total price in real-time.
->𝑹𝒆𝒔𝒑𝒐𝒏𝒔𝒊𝒗𝒆 𝑫𝒆𝒔𝒊𝒈𝒏: Complete responsiveness on mobiles and other screen sizes using Tailwind css
->𝑬𝒓𝒓𝒐𝒓 𝑯𝒂𝒏𝒅𝒍𝒊𝒏𝒈 𝑷𝒂𝒈𝒆: Custom error handling page to catch all unmatched routes
💡𝗦𝗞𝗶𝗹𝗹𝘀 𝗟𝗲𝗮𝗿𝗻𝗲𝗱:
->𝑪𝒐𝒏𝒕𝒆𝒙 𝑨𝑷𝑰: Manage the state globally and share data
->𝑪𝒖𝒔𝒕𝒐𝒎 𝒉𝒐𝒐𝒌: Created a custom hook to fetch data which can be used in any component
->𝑹𝒆𝒂𝒄𝒕 𝑹𝒐𝒖𝒕𝒆𝒓: For client-side routing in SPA using Nested routes, outlets and dynamic segments
->𝑨𝑷𝑰 𝑰𝒏𝒕𝒆𝒓𝒈𝒓𝒂𝒕𝒊𝒐𝒏: Fetch data from FetchStore API and display error and loading status
🛠️ 𝗧𝗲𝗰𝗵 𝘀𝘁𝗮𝗰𝗸
->React
->Javascript
->Jsx
->Html
->Tailwind
->vite
🚀 𝑷𝒓𝒐𝒋𝒆𝒄𝒕 𝒊𝒔 𝒍𝒊𝒗𝒆 𝒂𝒕: https://shopping-cart-theta-seven.vercel.app/
🔗𝑳𝒊𝒏𝒌 𝒕𝒐 𝒈𝒊𝒕𝒉𝒖𝒃 𝒓𝒆𝒑𝒐 : https://github.com/code-par-learn/Shopping-Cart