🌐 E-Commerce React Frontend

This repository contains the source code for the E-Commerce Web Application Frontend, developed as part of the Enterprise Application Development module in collaboration with IFS Academy. The web application serves as the back-office platform for managing the e-commerce system.

---

🌟 Key Features

1. User Management

   • Manage user roles: Administrator, Vendor, and Customer Service Representative (CSR).
   • Add, edit, and delete users (Administrator only).

2. Product Management

   • Vendors can create, update, and delete product listings.
   • Activate or deactivate product categories.

3. Order Management

   • Track and manage customer orders from processing to delivery.
   • Cancel orders on customer requests with appropriate notifications.

4. Inventory Management

   • Track inventory levels and set low-stock alerts for vendors.
   • Remove stock entries while ensuring order dependencies are respected.

5. Vendor Management

   • Customers can rate and leave feedback for vendors.
   • View average ratings and customer comments for vendors.

---

🛠️ Technologies Used

• Framework: React
• UI Library: Bootstrap
• State Management: React Context API
• Backend: .NET Core Web API
• Mobile Application: Android/Java

---

📂 Project Structure

frontend/
├── public/                      # Public assets (e.g., index.html, favicon)  
├── src/                         # Source files  
│   ├── components/              # Reusable React components  
│   ├── pages/                   # Page components  
│   ├── context/                 # Context API setup for state management  
│   ├── services/                # API service calls  
│   ├── styles/                  # CSS/SCSS files for styling  
│   ├── App.js                   # Main App component  
│   ├── index.js                 # React entry point  
├── package.json                 # Dependency management  
├── package-lock.json            # Lock file for dependencies  
├── .gitignore                   # Files and directories to ignore  
└── README.md                    # Project documentation  

🚀 Getting Started

Prerequisites

• Node.js installed on your machine.
• Backend API hosted and configured (.NET Core Web API).

Steps to Run Locally

1. Clone the repository:

   git clone https://github.com/Janani-Mayadunna/EAD_web_online_shop.git

2. Navigate to the project directory:

   cd frontend

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

5. Open the app in your browser at http://localhost:3000.

---

---

🤝 Team Members

• Abhishek Perera
• Sahan Perera
• Janani Mayadunna
• Lochani Ranasinghe

---

🌐 Acknowledgments

Special thanks to IFS Academy for their guidance and support throughout the project.

---