Skip to content

EquiSports is a responsive, feature-packed e-commerce platform for sports enthusiasts. Whether you're a professional athlete or just starting out, EquiSports offers a seamless experience to browse, purchase, and manage a wide range of sports equipment and apparel.

Notifications You must be signed in to change notification settings

RokibulAlom-hub/EquiSports-Web-Client

Repository files navigation

Here’s your 7-point structured README with all the essential details:


EquiSports: A Sports Equipment Online Store 🏀⚽🎾

Live Site: EquiSports Live


1. Project Overview 🚀

EquiSports is a responsive e-commerce platform designed for sports enthusiasts. Whether you're a professional athlete or a beginner, this platform offers a seamless experience to browse, purchase, and manage a wide range of sports equipment and apparel. Users can register, add items, update listings, and view detailed product information.


Image


3. Technologies Used 🛠️

Frontend:

  • React.js – Component-based UI framework.
  • Tailwind CSS & Daisy UI – Modern styling.
  • React Router – Client-side routing.
  • React Icons – Icon integration.

Backend:

  • Node.js & Express.js – Server-side framework.
  • MongoDB – Database for storing sports equipment data.

Additional Tools:

  • SweetAlert – Custom notifications.
  • React Awesome Reveal & Lottie React – Animations.
  • React Tooltip – Enhanced UI experience.

4. Core Features 🌟

User Authentication: Login/Registration via Email/Google.
Dynamic UI: Fully responsive design with Light/Dark mode.
Product Management: Add, update, delete sports equipment.
Sorting & Filtering: View products sorted by price.
Private Routes: Secure access to user-specific features.
Error Handling: Toast notifications & custom 404 page.


5. Dependencies 📦

Package Purpose
React.js Frontend framework
Tailwind CSS & Daisy UI Styling & UI components
React Router Navigation handling
Express.js Backend framework
MongoDB & Mongoose Database management
SweetAlert Notification alerts
Lottie React Animations

To install all dependencies, run:

npm install

6. How to Run the Project Locally 🏗️

Step 1: Clone the Repository

git clone https://github.com/yourusername/EquiSports.git
cd EquiSports

Step 2: Install Dependencies

For client-side:

cd client
npm install

For server-side:

cd server
npm install

Step 3: Set Up Environment Variables

Create a .env file in the server directory and add:

PORT=5000
MONGODB_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
GOOGLE_CLIENT_ID=your_google_client_id

Step 4: Run the Development Server

Run the backend:

cd server
npm run dev

Run the frontend:

cd client
npm run dev

Step 5: Open in Browser

Go to: http://localhost:5173


7. Live Project & Resources 🔗

About

EquiSports is a responsive, feature-packed e-commerce platform for sports enthusiasts. Whether you're a professional athlete or just starting out, EquiSports offers a seamless experience to browse, purchase, and manage a wide range of sports equipment and apparel.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published