Tech Stack Used

Here are the tools and technologies used in this project:

• HTML – Provides the basic structure for every page, since React renders down to HTML in the browser.
• CSS – Handles some base styling and animations, along with Tailwind.
• JavaScript – The core language behind all the logic, like adding items to cart, filtering products, and updating totals.
• React JS – Used to build the entire UI as reusable components and manage all the dynamic screens like product cards, cart, checkout, and the admin dashboard.
• Tailwind CSS – Used for quick, responsive styling across both the customer side and admin panel, without writing separate CSS files.
• Lucide React – Used for clean, simple icons throughout the app, like the cart icon, star ratings, user icon, and logout icon.
• Context API and useReducer – Used instead of a separate state management library, to handle cart data and share it across pages.
• State-based routing – Instead of using React Router, page navigation was handled with React state, with basic URL handling added only for the /admin route.
• Node.js and npm – Used to set up the project, install packages like React and Lucide React, and run the development server.