https://github.com/mdtahsinurrahman/equisports

EquiSports is a full-stack e-commerce platform for sports enthusiasts to browse, purchase, and review sports accessories and equipment. It features user authentication, product management, and a seamless shopping experience. Built with a modern tech stack, EquiSports is fully responsive, secure, and user-friendly.
https://github.com/mdtahsinurrahman/equisports

context-api css3 expressjs firebase html5 javascript mongodb reactjs reactrouter tailwindcss toastify

Last synced: 3 months ago
JSON representation

EquiSports is a full-stack e-commerce platform for sports enthusiasts to browse, purchase, and review sports accessories and equipment. It features user authentication, product management, and a seamless shopping experience. Built with a modern tech stack, EquiSports is fully responsive, secure, and user-friendly.

• Host: GitHub
• URL: https://github.com/mdtahsinurrahman/equisports
• Owner: MDTAHSINURRAHMAN
• Created: 2025-02-04T21:25:57.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-04T23:22:33.000Z (over 1 year ago)
• Last Synced: 2025-02-05T00:23:16.881Z (over 1 year ago)
• Topics: context-api, css3, expressjs, firebase, html5, javascript, mongodb, reactjs, reactrouter, tailwindcss, toastify
• Language: JavaScript
• Homepage: https://equisports-13647.web.app/
• Size: 10.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# EquiSports - A Sports Equipment Online Store

## 📌 Project Overview

EquiSports is a full-stack e-commerce platform designed for sports enthusiasts to browse, purchase, and review sports accessories and equipment. The website supports user authentication, product management, and a seamless shopping experience. Built with a modern tech stack, SportsGear is fully responsive, secure, and user-friendly.

## 🖼 Screenshots

### Homepage

![Homepage Screenshot](https://i.ibb.co/h1c2tKt9/equi-home.png)

### Equipment Details Page

![Equipment Details Screenshot](https://i.ibb.co/GvvCNFpF/equi-Sports-equip-Details.png)

### Login Page

![Login Screenshot](https://i.ibb.co/JWrwxByS/equi-Sports-login.png)

## 🔗 Live Demo

[🌐 View Live Project: ](#) (https://equisports-13647.web.app/)

## 🛠 Technologies Used

- **Frontend**: HTML, CSS, React.js, Tailwind CSS, React Router

- **Backend**: Node.js, Express.js, MongoDB

- **Authentication**: Firebase Authentication

- **State Management**: Context API

- **Notifications**: Toast Notifications

- **Deployment**: Firebase (Frontend), Vercel (Backend)

## ✨ Core Features

- **User can:**

  - Add, update, and delete sports equipment

  - View all equipment in a table or card format

  - Sort products by price

- **Responsive UI:** Fully optimized for mobile, tablet, and desktop

- **Protected Routes:** Users remain logged in after a page refresh

- **Environment Variables:** Secure handling of API keys and credentials

## 📦 Dependencies

### Frontend:

- React.js

- React Router

- Firebase

- Tailwind CSS

- Axios

### Backend:

- Node.js

- Express.js

- MongoDB

## 🚀 How to Run Locally

### Prerequisites:

- Node.js and npm installed

- MongoDB set up (local or cloud)

- Firebase project configured

### Steps:

1. **Clone the repository:**

   ```sh

   git clone https://github.com/MDTAHSINURRAHMAN/EquiSports.git

   cd EquiSports

2. **Set up environment variables**

   ```sh

   MONGO_URI=your_mongodb_uri

   FIREBASE_API_KEY=your_firebase_api_key

   FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain

3. **Install dependencies:**

   ```sh

   # For backend

    cd server

    npm install

   # For frontend

    cd client

    npm install

1. **Run the project:**

   ```sh

   # For backend

    cd server

    npm start

   # For frontend

    cd client

    npm start