Got it! Here's the updated README.md file and CV description with the project name EL Rojo:

---

EL ROJO - Wine E-Commerce Platform

Project Description

EL ROJO is a fully functional e-commerce platform designed for a modern wine shop, offering a curated selection of organic, natural, and non-alcoholic wines. The platform provides users with an intuitive and visually appealing interface to explore, learn about, and purchase wines. It includes features such as product listings, detailed product pages, a shopping cart, and a secure checkout process. Additionally, it features a blog section where users can read articles about wine culture, sustainability, and food pairings.

Key Features:

• Product Catalog: Browse a wide range of wines with detailed descriptions, prices, and stock availability.
• Shopping Cart: Add, update, and remove items from the cart with ease.
• Checkout Process: A secure and user-friendly checkout experience with billing and delivery options.
• Blog Section: Explore engaging articles on wine culture, sustainability, and food pairings.
• Responsive Design: Optimized for desktop, tablet, and mobile devices.
• Dynamic Routing: Seamless navigation between pages using React Router.
• State Management: Efficient handling of cart and product data using React hooks.

Technologies Used:

• Frontend: React, Tailwind CSS, React Router
• State Management: React Hooks (useState, useEffect)
• Routing: React Router DOM
• Icons: Lucide React
• Data Management: Local Storage for cart persistence

---

How to Run the Project

1. Clone the Repository:

   git clone https://github.com/Aamooum/EL-ROJO.git
   cd EL-ROJO

2. Install Dependencies:

   npm install

3. Run the Development Server:

   npm start

4. Open in Browser: Visit http://localhost:3000 to view the application.

---

Project Structure

src/
├── components/              # Reusable UI components
│   ├── common/              # Shared components (e.g., NavLink, ImageGrid)
│   ├── layout/              # Layout components (e.g., Navbar, Footer)
│   ├── specific/            # Page-specific components (e.g., Cart, Checkout)
├── data/                    # Static data (e.g., shop, explore, home)
├── pages/                   # Page components (e.g., HomePage, ShopPage)
├── App.js                   # Main application component
├── index.js                 # Entry point

---

Screenshots

Home Page

Explores Page

Explore Page

Shop Page

Product Page

Cart Page

Cart Page