E-commerce App CORAL

Description

This is an e-commerce web application built with React. It allows users to browse products, add them to the cart, and proceed to checkout.

Screenshots

Folder Structure

├── src/
│   ├── component/
│   │   ├── Navbar.jsx
│   │   ├── Footer.jsx
│   │   ├── Main.jsx
│   │   ├── TopMain.jsx
│   │   ├── Home.jsx
│   │   ├── Forms.jsx
│   │   ├── ProductDeatails.jsx
│   │   ├── BestSellers.jsx
│   │   └── Menubar.jsx
│   ├── Context.js
│   ├── reducer/
│   │   └── reducer.js
│   ├── assest/
│   ├── data/
│   └── App.js
├── public/```
├── package.json
└── README.md

Installation

1. Clone the repository to your local machine:

   git clone https://github.com/0uali-Yassine/E-commerce-v2-app.git
   

2. Navigate to the project directory:

   cd E-commerce-v2-app
   

3. Install dependencies:

    npm install
   

4. Start the development server:

   npm start
   

5. Open your browser and visit http://localhost:3000 to view the website.

Features

1. Browse products by category (Bag, T-shirt, Dress).
2. View product details.
3. Add products to the cart.
4. Remove products from the cart.

Technologies Used

• React Frontend library for building user interfaces.
• React Router
• Tailwind CSS Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
• Context API: Used for managing global state across components.
• JavaScript: Programming language for interactivity and functionality.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please fork the repository, make your changes, and submit a pull request.

Author

[Yassin Zerouali] - [https://github.com/0uali-Yassine]

License

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