Ecommerce Store

A modern ecommerce web application built with React and Vite, featuring product management, shopping cart functionality, and responsive design.

Features

• Product catalog with detailed views
• Add, edit, and delete products
• Shopping cart functionality
• Responsive design with Tailwind CSS
• Real-time notifications
• Fast development with Vite and React 19
• Client-side routing
• State management with Context API

Project Structure

PROJECT1/
├── public/
│   ├── circle_loader.gif
│   └── shopping.png
├── src/
│   ├── Components/
│   │   ├── Create.jsx
│   │   ├── Details.jsx
│   │   ├── Edit.jsx
│   │   ├── Home.jsx
│   │   ├── Loading.jsx
│   │   └── Nav.jsx
│   ├── utils/
│   │   ├── axios.jsx
│   │   └── Context.jsx
│   ├── App.jsx
│   ├── index.css
│   └── main.jsx
├── package.json
├── vite.config.js
└── README.md

Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm or yarn

Installation

npm install

Development

npm run dev

Build

npm run build

Preview

npm run preview

Linting

npm run lint

Technologies Used

• React 19 - UI library
• Vite - Build tool and dev server
• React Router DOM - Client-side routing
• Axios - HTTP client
• React Toastify - Toast notifications
• Tailwind CSS - Utility-first CSS framework
• ESLint - Code linting