https://github.com/mostafasharaby/e-commerce
Full Stack web app (e-commerce)
https://github.com/mostafasharaby/e-commerce
admin-dashboard angular18 asp-net-core asp-net-core-web-api ecommerce-website
Last synced: 3 months ago
JSON representation
Full Stack web app (e-commerce)
- Host: GitHub
- URL: https://github.com/mostafasharaby/e-commerce
- Owner: mostafasharaby
- License: mit
- Created: 2024-10-31T02:49:51.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-04T16:27:39.000Z (about 1 year ago)
- Last Synced: 2025-05-22T09:40:52.729Z (8 months ago)
- Topics: admin-dashboard, angular18, asp-net-core, asp-net-core-web-api, ecommerce-website
- Language: TypeScript
- Homepage:
- Size: 7.26 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](#technologies-used)
- [Features](#features)
- [Getting Started](#getting-started)
- [Installation](#installation)
- [Contributing](#Usage)
- [Contributing](#contributing)
- [License](#license)
## 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
