Skip to content

Latest commit

 

History

History
54 lines (44 loc) · 3.17 KB

README.md

File metadata and controls

54 lines (44 loc) · 3.17 KB
Raw

SportPulse E-commerce website

Visit the website: https://sport-pulse-e-commerce-website-8zzu.vercel.app/

Overview

This project was developed as part of the Software Development Bootcamp at the Saudi Digital Academy. The goal of the bootcamp was to enhance full-stack development skills, particularly focusing on frontend using React.js and backend technologies using C# and the .NET framework. This project showcases the practical application of software engineering principles learned during the bootcamp, including object-oriented programming, data structures, and integration of external services. SportPulse is an e-commerce website that sells nutritional supplements, sportswear, and athletic equipment.
Front-end repo: https://github.com/Abdulaziz-Asiri/SportPulse-website
back-end repo: https://github.com/Abdulaziz-Asiri/backend-deployment

💻 Tech Stack:

Front-End: React TailwindCSS
Back-End.Net + Entity Framework (ORM for database management)
Database: Postgres

Features

  • Product Catalog: Browse through various categories, including nutritional supplements, sportswear, and athletic equipment.
  • Shopping Cart: Add items to the cart, adjust quantities, and proceed with a secure checkout.
  • Order Management: View and track previous orders, ensuring customers have visibility into their purchase history.
  • Admin Dashboard: View and manage orders, products, users, and inventory
  • Chatbot:Answare any question from customer
  • Responsive Design: Optimized for both desktop and mobile users, providing a smooth shopping experience across all devices.

Prerequisites

Node.js and npm (Node Package Manager) must be installed on your system.

You can download and install them from the official website: https://nodejs.org/.

Steps to Run the React Project

Clone the Project (if it's not created yet): If you have a React project in a repository (e.g., on GitHub), clone it using git:

 https://github.com/Abdulaziz-Asiri/SportPulse-website
cd SportPulse-website

Install Dependencies: React projects rely on npm packages, so you need to install them first. Run the following command in your project directory:

npm install

This will install all the necessary dependencies listed in the package.json file.

Start the Development Server: After the dependencies are installed, you can start the development server using the following command:

npm start

This will:

Start the development server. Automatically open your browser at http://localhost:3000 (the default port). Enable hot-reloading, meaning any changes you make in your code will be reflected instantly in the browser.