Skip to content

mostafasharaby/E-Commerce

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mega Market - Full Stack Web Application with Admin Dashboard

This project is a Mega Market full-stack web application featuring an Admin Dashboard for management functionalities. It’s built with .NET 8 for the backend and Angular 18 for the frontend. The application allows users to explore products, manage accounts, view orders, and includes an admin interface for managing inventory, users, and order status.

Table of Contents

Technologies Used

  • Backend: ASP.NET Core (.NET 8)
  • Frontend: Angular 18
  • Database: SQL Server
  • Authentication & Authorization: ASP.NET Core Identity with role-based access
  • Admin Dashboard: Angular Material, Chart.js for analytics
  • API Communication: RESTful APIs

Features

User-Facing Features

  • User Authentication: Register, login, and manage sessions.
  • Product Browsing: View products with sorting, filtering, and search.
  • Shopping Cart: Add items to cart, view, and update cart.
  • Order Management: Place and view orders with detailed status updates.
  • Responsive Design: Fully responsive user interface.

Admin Dashboard Features

  • Product Management: Add, edit, and delete products.
  • User Management: View and manage registered users.
  • Order Management: Update order status, view all orders.
  • Analytics Dashboard: Visualize key metrics such as user growth, sales trends, and inventory levels with interactive charts.

Getting Started

Prerequisites

Ensure you have the following installed:

  • Node.js and npm (for Angular frontend)
  • .NET SDK 8 (for ASP.NET Core backend)
  • SQL Server (for database)

Installation

Clone the repository and navigate to the project folder :

-git clone https://github.com/mostafasharaby/Mega-Market.git -cd Mega-Market

Backend (ASP.NET Core)

-The API will be available at https://localhost:5004.

Frontend (Angular)

-The frontend will be available at http://localhost:4200.

Install Angular dependencies:

-npm install
-ng serve

##Usage

User Access:

Open the Angular app in your browser at http://localhost:4200.

Register or login to explore the product catalog, add items to the cart, and place orders.

Admin Access:

Access the Admin Dashboard by logging in with an admin account.

Use the dashboard to manage products, users, and orders, and view sales analytics.

Contributing

Contributions are welcome! Please fork this repository, create a feature branch, and submit a pull request.

License

This project is licensed under the MIT License. See LICENSE for more information.

ScreenShot

2024-10-31 (4) 2024-10-31 (5) 2024-10-31 (6) 2024-10-31 2024-10-31 (2) 2024-10-31 (1) 2024-10-31 (3)

About

Full Stack web app (e-commerce)

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published