Skip to content

Gmentesh2/audiophile-e-commerce-website

Repository files navigation

React + TypeScript + Vite

🎧 Audiophile E-Commerce Website

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.

🛠️ Features

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

🚀 How to Run

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

📸 Preview

Website image image-2 image3 image4 checkout cart

About

Dynamic Audiophile e-commerce website built with React. Features category-based navigation, cart functionality, smooth animations, and form handling using React Hook Form with data from db.json

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages