Skip to content

ali-alzeer/ecommerce

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Table Of Contents

About The Project

It is a full-stack E-Commerce web application built with Angular for front-end, ASP.NET Core web API for back-end and SQL Server for the database. It has a simple and user-friendly UI where users can view products, search for a product, add a product to cart, rate products, publish comments on them and manage their profiles on the app.

Features

  • User authentication using JWT
  • Users capabilities to manage their own profiles
  • Products searching, filtering
  • Cart management (adding to cart, removing, calculating total ...)
  • Products rating functionality
  • Products commenting functionality

Screenshot

screenshot_1


Database Diagram

db_diagram

Live Site

Zedstore

Built With

  • Angular
  • ASP.NET Core
  • SQL Server

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

  • Angular 18 or above
  • .NET 8 or above
  • Microsoft SQL Server
  • Cloudinary account

Installation

Getting the code

  1. Clone the repo
    git clone https://github.com/ali-alzeer/zedstore.git

Database

  1. Import the database file from the folder "ecommerce.database"

Back-End

  1. Configure connection string in "Settings.cs" file
    public static string GetConnectionString(){
        return "YOUR_CONNECTION_STRING"
    }
  1. Configure JWT settings in "appsettings.json" file
    "Jwt": {
        "Key": "YOUR_JWT_KEY",
        "Issuer": "YOUR_JWT_ISSUER",
        "Audience": "YOUR_JWT_AUDIENCE",
        "Subject": "YOUR_JWT_SUBJECT"
    }
  1. Configure Cloudinary settings in "appsettings.json" file
    "Cloudinary": {
        "CloudName": "YOUR_CLOUDINARY_CLOUDNAME",
        "ApiKey": "YOUR_CLOUDINARY_API_KEY",
        "ApiSecret": "YOUR_CLOUDINARY_API_SECRET"
    }
  1. Change path to the back-end folder
    cd ecommerce.server
  1. Install dependencies
    dotnet restore
  1. Start Running
    dotnet run

Front-End

  1. Configure BASEURL in "environment.ts" file
export const BASEURL: string = "YOUR_BACKEND_BASEURL";
  1. Change path to the front-end folder
    cd ecommerce.client
  1. Install dependencies
    npm install
  1. Start Running
    ng serve

About

It is a full-stack AI-powered E-Commerce web application built with Angular for front-end, ASP.NET Core web API for back-end and SQL Server for the database.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors