Shop - Ecommerce Store Project

📷 Screenshots

Screenshots (Hidden) - Click to open!

Summary

Shop is an open-source ecommerce store project built using React.js, .Net 6, and TypeScript. It utilizes various libraries and technologies such as Redux, Material-UI, Stripe, Axios, Formik, React-Router, and Sass to provide a feature-rich and customizable ecommerce platform.

Table of Contents

• Features
• Demo
• Installation
• Usage

Features

• User authentication and account management
• Product catalog with detailed product pages
• Shopping cart functionality
• Secure checkout process using Stripe
• User-friendly navigation with React-Router
• Extensive admin panel functionality
• Managing orders after payment
• Responsive design with Material-UI

Demo

Live demo available at Hosted Demo.

Note: Please be patient and expect a delay in loading time as the cloud provider's cold start process caused by periods of inactivity takes some time.

Installation

To run Shop locally on your machine, follow these steps:

1. Clone the repository:

   git clone https://github.com/nimamt/shop.git

2. Navigate to the project directory:

   cd shop

3. Start the .Net 6 back-end:

   dotnet run --p API

4. Navigate to the front-end client project directory:

   cd client-app

5. Enable legacy peer deps:

   npm config --location=project set legacy-peer-deps=true

6. Install dependencies using npm:

   npm install

7. Start the React app:

   npm run dev

8. Open your browser and access the app at http://localhost:3000.

Usage

1. View the products.
2. Register or log in to your shop account.
3. Shop and pay for products using Stripe test cards.
4. View your orders.