A modern, responsive e-commerce platform built with React, Vite, and Tailwind CSS. Features product browsing, detailed product pages, and admin functionality for managing products.
- Product Catalog: Browse products with filtering and search capabilities
- Product Details: Detailed product pages with images and descriptions
- Admin Dashboard: Admin interface for managing products
- Responsive Design: Mobile-first responsive design with Tailwind CSS
- Fast Navigation: React Router for smooth page transitions
- Modern UI: Clean, intuitive user interface
- Frontend: React 19, Vite
- Styling: Tailwind CSS
- Routing: React Router DOM
- HTTP Client: Axios
- Build Tool: Vite
- Deployment: Netlify
- Node.js 20 or higher
- npm or yarn
- Clone the repository
git clone <repository-url>
cd react-ecommerce- Install dependencies
npm install- Start the development server
npm run dev- Open your browser and navigate to
http://localhost:5173
src/
├── components/ # Reusable UI components
├── pages/ # Page components
├── hooks/ # Custom React hooks
├── route/ # Route configurations
└── styles/ # CSS files
npm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Run ESLint
- ProductCard: Displays product information in a card format
- Navbar: Navigation component with responsive design
- AdminLayout: Layout wrapper for admin pages
- ProductDetail: Detailed product view page
The application is fully responsive and optimized for:
- Desktop computers
- Tablets
- Mobile devices
The application is deployed on Netlify with automatic builds from the main branch.
- Fork the repository
- Create a feature branch
- Commit your changes
- Push to the branch
- Open a Pull Request
This project is licensed under the MIT License.