Skip to content

This project is an online store web application that allows users to browse products, add them to their cart, make orders, and manage their profiles. The application supports two user roles: Admin and User, each with specific functionalities.

Notifications You must be signed in to change notification settings

marwan-mohamed12/MayBell-Ecommerce

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

Ecommerce website

This project is an online store web application that allows users to browse products, add them to their cart, make orders, and manage their profiles. The application supports two user roles: Admin and User, each with specific functionalities.

Maybell.mp4

Features

  • Product browsing: Users can view products categorized by type, brand, etc.
  • Product details: Each product page displays detailed information, including images, descriptions, prices, and reviews.
  • Cart management: Users can add/remove products to/from their cart and update quantities.
  • Checkout: Secure checkout process with payment integration.
  • User authentication: Users can register, login, and manage their profiles.
  • Admin Dashboard:
    • Product management: Add, edit, and delete products.
    • Order management: View and manage orders, update order status.
    • User management: View and manage user accounts.
    • Statistics: View charts and graphs with insights on product sales, order volume, user activity, etc.

Technologies Used

  • Frontend:

    • Angular (Version 17)
    • HTML/CSS/JavaScript/TypeScript
    • Tailwind CSS
  • Backend:

    • Node.js
    • Express.js
    • MongoDB (NoSQL database)

Getting Started

Prerequisites

  • Node.js and npm should be installed on your machine.
  • MongoDB should be installed and running locally or on a remote server.

Installation

  1. Clone the repository: git clone https://github.com/MohamedAliEsmaill/ecommerce.git
  2. Install dependencies:
    • Frontend: Navigate to the client directory and run npm install
    • Backend: Navigate to the server directory and run npm install
  3. Set up environment variables:
    • Create a .env file in both client and server directories.
    • Add necessary environment variables (e.g., database connection string, API keys).
  4. Start the application:
    • Backend: Run node server.js (or the appropriate command to start your server)
    • Frontend: Run ng serve

Usage

  1. Access the application in your browser (usually at http://localhost:4200).
  2. Browse products, add items to your cart, and proceed through checkout.

Contributors ✨

Marwan Mohamed
Marwan Mohamed

📖 🔧 🚇 🚧 👀
Nourhan Radwan
Ahmed Galal

💬 📖 👀 📢
Mahmoud Dabbous
Mahmoud Dabbous

💬 📖 👀 📢
Mohamed
Mohamed

💬 📖 👀 📢
Mohamed Ali
Mohamed Ali

💬 📖 👀 📢
Mohamed Ali
Mahmoud Hussien

💬 📖 👀 📢

License

This project is licensed under the MIT License.

About

This project is an online store web application that allows users to browse products, add them to their cart, make orders, and manage their profiles. The application supports two user roles: Admin and User, each with specific functionalities.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 55.6%
  • TypeScript 31.3%
  • JavaScript 13.1%