Here’s your 7-point structured README with all the essential details:
Live Site: EquiSports Live
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.
- React.js – Component-based UI framework.
- Tailwind CSS & Daisy UI – Modern styling.
- React Router – Client-side routing.
- React Icons – Icon integration.
- Node.js & Express.js – Server-side framework.
- MongoDB – Database for storing sports equipment data.
- SweetAlert – Custom notifications.
- React Awesome Reveal & Lottie React – Animations.
- React Tooltip – Enhanced UI experience.
✅ 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.
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
git clone https://github.com/yourusername/EquiSports.git
cd EquiSports
For client-side:
cd client
npm install
For server-side:
cd server
npm install
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
Run the backend:
cd server
npm run dev
Run the frontend:
cd client
npm run dev
Go to: http://localhost:5173
- Live Website: EquiSports Live
- Backend Repository: GitHub
- Frontend Repository: GitHub)