Audiophile is a fully dynamic e-commerce website built with React, designed for selling premium earphones, headphones, and speakers. The project uses a local db.json file as a mock database to display product data dynamically across the site.
Dynamic product rendering from db.json
Category-based navigation (Earphones, Headphones, Speakers)
Four main pages: 🏠 Home Page 🛍️ Products Page 📄 Single Product Page 💳 Checkout Page
Cart functionality – add, remove, and update items Smooth animations for UI transitions Form handling with React Hook Form Responsive design for all screen sizes
Clone the repository
git clone https://github.com/yourusername/audiophile-ecommerce.git
Install dependencies
npm install
Run JSON Server
npx json-server --watch db.json --port 5000
Start the React app
npm start dev