React Product Store

A React e-commerce application featuring product search, category filters, shopping cart management, dark mode, and localStorage persistence.

View Project

👉 Live Demo

Features

• Product listing
• Product search
• Category filtering
• Price sorting
• Shopping cart system
• Add and remove products
• Dark mode
• Data persistence with localStorage
• Responsive design

Technologies

• React
• JavaScript
• React Router DOM
• CSS
• useState
• useEffect
• localStorage

Installation

Clone the repository:

git clone https://github.com/your-username/react-product-store.git

Navigate to the project folder:

cd react-product-store

Install dependencies:

npm install

Start the development server:

npm run dev

Project Structure

src/
├── components/
│   ├── About.jsx
│   ├── Cart.jsx
│   ├── Home.jsx
│   ├── Navbar.jsx
│   ├── Products.jsx
│   ├── SearchInput.jsx
│   └── ThemeToggle.jsx
├── App.jsx
└── index.css

Author

Nathan Ribeiro de Souza