E-commerce Store with React and Tailwind CSS

A modern e-commerce web application built with React and styled using Tailwind CSS. This project demonstrates a responsive and user-friendly shopping experience with features like product browsing, cart management, and a clean, modern UI.

Features

• 🛍️ Product catalog with filtering and search
• 🛒 Shopping cart functionality
• 📱 Fully responsive design
• 🎨 Modern UI with Tailwind CSS
• 🔍 Product details view
• 🏷️ Dynamic pricing and quantity management

Tech Stack

• React
• Tailwind CSS
• React Router
• Context API for state management

Getting Started

1. Clone the repository:

   git clone [your-repo-url]
   

2. Install dependencies:

   cd ecommerce-store
   npm install
   

3. Start the development server:

   npm start
   

The app will be available at http://localhost:3000.

Project Structure

src/
├── components/         # React components
│   ├── Cart/          # Shopping cart component
│   ├── Home/          # Homepage component
│   ├── Navbar/        # Navigation component
│   └── Products/      # Product-related components
├── context/           # React Context for state management
├── App.js             # Main application component
└── index.js           # Application entry point

Styling

This project uses Tailwind CSS for styling. The main configuration can be found in:

• tailwind.config.js - Tailwind configuration
• src/index.css - Global styles and Tailwind directives

Available Scripts

• npm start - Runs the app in development mode
• npm test - Launches the test runner
• npm run build - Builds the app for production
• npm run eject - Ejects from Create React App

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.