Skip to content

This project is a clone of the MSI official website based on the design provided in Figma. It is created solely for educational purposes and should not be used for any commercial activities, including but not limited to selling products, engaging in business transactions, or misleading users. The intention behind this project is to enhance learning

Notifications You must be signed in to change notification settings

ntheanh-dev/msistore-react

Repository files navigation

Tech stack icons

Introduce

Our e-commerce platform offers a comprehensive shopping experience, allowing customers to purchase computers and accessories from various brands. The key functionalities include user registration and login, adding items to the cart, checking out, and viewing order history.

Table of Contents

Model Database

Database Schema Back to Top

Features

User Registration and Login:

  • Registration: New users can create an account by providing their personal details such as name, email, and password.
  • Login: Existing users can log in using their email and password. Back to Top

Product Browsing and Search:

  • Product Categories: Users can browse through different categories of computers and accessories.
  • Search Functionality: Users can search for specific products by entering keywords. Back to Top

Product Details:

  • Detailed Descriptions: Each product page includes detailed descriptions, specifications, and images.
  • Reviews and Ratings: Users can read reviews and ratings left by other customers. Back to Top

Shopping Cart:

  • Add to Cart: Users can add products to their shopping cart.
  • Cart Management: Users can view and manage the items in their cart, update quantities, or remove items. Back to Top

Checkout Process:

  • Billing Information: Users enter their billing information.
  • Shipping Information: Users provide their shipping address.
  • Payment Methods: Multiple payment options are available (e.g., credit card, PayPal).
  • Order Confirmation: Users receive an order confirmation after successful payment. Back to Top

Order History:

  • View Orders: Users can view their past orders and check the status of current orders. Back to Top

Admin Site

Overview

A comprehensive overview of the store's performance, including sales data, recent orders, and user activity. Back to Top

User Management:

  • View Users: Administrators can view a list of all registered users.
  • Manage Users: Administrators can add, edit, or delete user accounts, and reset passwords if necessary. Back to Top

Product Management:

  • Add Products: Administrators can add new products, including details such as name, description, price, and images.
  • Edit Products: Administrators can update product information.
  • Delete Products: Administrators can remove products from the catalog. Back to Top

Order Management:

Order Management

  • View Orders: Administrators can view all orders placed by customers.
  • Update Order Status: Administrators can update the status of orders (e.g., processing, shipped, delivered).
  • Manage Returns: Administrators can handle return requests and process refunds. Back to Top

Analytics and Reports:

Analytics and Reports

  • Sales Reports: Generate reports on sales performance over different periods.
  • User Activity: Monitor user activity and engagement on the platform.
  • Inventory Reports: Keep track of inventory levels and receive alerts for low stock items. Inventory Reports Back to Top

How Install

Front-end app

git clone https://github.com/MinhTamNT/msistore-react
npm install

Back-end App

  git clone https://github.com/MinhTamNT/msistore-aspmvc.git
Build Project
  • In file appsettings.Development.json configuration all key here
{
  "Logging": {
    "LogLevel": {
      "Default": "Information",
      "Microsoft.AspNetCore": "Warning"
    }
  },
  "Jwt": {
    "Key": "",
    "Issuer": "",
    "Audience": ""
  },
  "Cloudinary": {
    "CloudName": "",
    "ApiKey": "",
    "ApiSecret": ""
  }


}
 private readonly string _bingMapsApiKey = "";
Run Project : Press F5

Contact

Back to Top

About

This project is a clone of the MSI official website based on the design provided in Figma. It is created solely for educational purposes and should not be used for any commercial activities, including but not limited to selling products, engaging in business transactions, or misleading users. The intention behind this project is to enhance learning

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages