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:
Back-End + Entity Framework (ORM for database management)
Database:

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.