Eyanne Shop 🛒

🚀 A modern multi-vendor e-commerce platform that allows vendors to manage their products and customers to discover, order, and purchase products through a responsive web application.

✨ Features

🏪 Multi-Vendor System

• Multiple vendors can create and manage their own shops
• Vendor product management
• Vendor dashboard for managing products and orders

🛍️ Shopping Experience

• Browse products by categories
• Search and filter products
• Add products to cart
• Manage shopping cart quantities
• Place orders easily

🔐 Authentication & User Management

• User registration and login
• Vendor authentication
• Role-based access management

🎨 Modern User Interface

• Responsive design for desktop, tablet, and mobile
• Clean and user-friendly interface
• Smooth navigation and interactive components

⚡ Performance

• Fast development with Vite
• REST API architecture
• Optimized frontend and backend structure

---

🛠️ Built With

Frontend

• React.js - JavaScript library for building user interfaces
• Vite - Modern frontend build tool
• CSS - Styling and responsive design

Backend

• Node.js - JavaScript runtime
• Express.js - Backend framework for REST APIs

Database

• MongoDB - NoSQL database for storing application data

---

📋 Application Sections

🏠 Home Page

• Landing page displaying vendors and products
• Product discovery interface

🏪 Vendor Dashboard

• Manage shop information
• Add, update, and delete products
• Manage vendor activities

🛒 Shopping Cart

• Add products to cart
• Update quantities
• Calculate total price

👤 Authentication

• Customer login/register
• Vendor login/register

📦 Orders

• Product ordering system
• Order management

---

🚀 Getting Started

Prerequisites

Make sure you have installed:

• Node.js
• npm package manager
• MongoDB database

---

📥 Installation

1. Clone the repository

git clone <repository-url>
cd WebSiteVente

---

⚙️ Backend Setup

Navigate to the backend folder:

cd backend

Install dependencies:

npm install

Start the backend server:

node server.js

The backend API will start on the configured server port.

---

💻 Frontend Setup

Open another terminal:

cd arab-shop

Install dependencies:

npm install

Run the development server:

npm run dev

The application will be available at the URL provided by Vite.

---

📁 Project Structure

Eyanne-Shop/
│
├── frontend/
│   ├── src/
│   │   ├── components/      # Reusable React components
│   │   ├── pages/           # Application pages
│   │   ├── context/         # React contexts
│   │   └── App.jsx
│   │
│   └── package.json
│
├── backend/
│   ├── controllers/         # Business logic
│   ├── models/              # Database models
│   ├── routes/              # API routes
│   ├── server.js            # Express server entry point
│   └── package.json
│
└── README.md

---

🔌 API Features

• User authentication APIs
• Vendor management APIs
• Product CRUD operations
• Order management APIs

---

🌟 Future Improvements

• Online payment integration
• Product reviews and ratings
• Advanced search and filtering
• Admin dashboard
• Notifications system

---

📄 License

This project is open source and available under the MIT License.

---

👩‍💻 Author

Eya Ouerheni

GitHub: www.github.com/eyaa223 LinkedIn: www.linkedin.com/in/eya-ourheni

---

⭐ If you like this project, consider giving it a star!