https://github.com/rownakabdullahomi/equisports_client_10
EquiSports is an innovative e-commerce platform tailored for sports enthusiasts. It is designed to simplify the process of discovering and purchasing sports equipment while offering a visually appealing and user-friendly experience. The platform boasts an intuitive interface, advanced filtering options, and a secure authentication system, ensuring
https://github.com/rownakabdullahomi/equisports_client_10
daisy-ui react react-awesome-reveal react-fast-marquee react-helmet-async react-rating react-router-dom react-tooltip sweetalert2 swiper-slider tailwind-css
Last synced: about 2 months ago
JSON representation
EquiSports is an innovative e-commerce platform tailored for sports enthusiasts. It is designed to simplify the process of discovering and purchasing sports equipment while offering a visually appealing and user-friendly experience. The platform boasts an intuitive interface, advanced filtering options, and a secure authentication system, ensuring
- Host: GitHub
- URL: https://github.com/rownakabdullahomi/equisports_client_10
- Owner: rownakabdullahomi
- Created: 2025-01-22T07:43:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-23T06:04:30.000Z (over 1 year ago)
- Last Synced: 2025-08-17T10:24:20.457Z (10 months ago)
- Topics: daisy-ui, react, react-awesome-reveal, react-fast-marquee, react-helmet-async, react-rating, react-router-dom, react-tooltip, sweetalert2, swiper-slider, tailwind-css
- Language: JavaScript
- Homepage: https://equi-sports-414e7.web.app
- Size: 3.13 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🏀⚽🎾 EquiSports - Client Side 🚀
---
## 🔗 Live Project Links
🎨 **Frontend**: [EquiSports Frontend](https://equi-sports-414e7.web.app/)
⚙️ **Backend**: [EquiSports Backend](https://b10-a10-equi-sports-server.vercel.app/)
---
## ✨ Project Overview
**EquiSports** is an innovative **e-commerce platform for sports enthusiasts**, offering a seamless shopping experience for high-quality sports equipment. With **secure authentication**, **category-based browsing**, **price filtering**, and **real-time alerts**, EquiSports ensures an efficient and personalized shopping journey.
Designed with **modern web technologies**, the platform is **fully responsive** and supports **light/dark mode** for user convenience. Built with **React, Firebase, MongoDB, and Express.js**, EquiSports guarantees robust performance and a smooth user experience.
Whether you're a **professional athlete or a fitness enthusiast**, EquiSports is your one-stop destination for all sports equipment needs.
---
## 🛠️ Technologies Used
### **Frontend**
- **React**: Component-based UI framework
- **Vite**: Lightning-fast development and build tool
- **Tailwind CSS & DaisyUI**: Modern styling and responsive design
- **Swiper**: For smooth carousels and sliders
- **Lottie React & Framer Motion**: Engaging animations
- **React Router**: For seamless navigation
- **Firebase Authentication**: Secure login/logout functionality
### **Backend**
- **Node.js & Express.js**: Server-side logic
- **MongoDB & Mongoose**: Database management
- **JWT (JSON Web Token)**: Secure authentication
- **Cookie-Parser**: Handling cookies for user sessions
### **Additional Tools**
- **Sweet Alert & React Hot Toast**: Real-time alerts and notifications
- **Axios & React Query**: Data fetching and state management
- **React Helmet**: SEO optimization
- **React Icons & React Tooltip**: UI enhancements
---
## 🌟 Key Features
### 🔐 **Authentication & Security**
- Firebase Authentication (Google & Email/Password login)
- Secure routes
### 🛒 **E-Commerce Functionality**
- Explore **category-based** sports equipment
- Price-based **sorting & filtering** for better user experience
- Full **CRUD operations** for product management
### 🎨 **Enhanced UI & UX**
- **Dark Mode** toggle for accessibility
- Swiper-based **product carousel**
- **Lottie animations** for a smooth and interactive experience
- **Responsive design** across all devices
### 📢 **Real-Time Notifications**
- Sweet Alert for confirmation popups
- React Hot Toast for real-time alerts
### 🔄 **Optimized Performance**
- **Vite-powered** fast development environment
- **Optimized API calls** using React Query & Axios
- **SEO optimization** with React Helmet
---
## 📜 Dependencies Used
```json
"dependencies": {
"firebase": "^11.0.2",
"localforage": "^1.10.0",
"lottie-react": "^2.4.0",
"match-sorter": "^8.0.0",
"react": "^18.3.1",
"react-awesome-reveal": "^4.2.14",
"react-dom": "^18.3.1",
"react-fast-marquee": "^1.6.5",
"react-helmet-async": "^2.0.5",
"react-hot-toast": "^2.4.1",
"react-icons": "^5.4.0",
"react-rating": "^2.0.5",
"react-router-dom": "^7.0.2",
"react-tooltip": "^5.28.0",
"sort-by": "^1.2.0",
"sweetalert2": "^11.14.5",
"swiper": "^11.1.15"
}
```
---
## 🚀 How to Run the Project Locally
### 1️⃣ Prerequisites
Ensure you have **Node.js (v16+)** and **npm/yarn** installed.
### 2️⃣ Clone the Repository
```sh
git clone https://github.com/your-username/EquiSports_Client_10.git
cd EquiSports_Client_10
```
### 3️⃣ Install Dependencies
```sh
npm install # or yarn install
```
### 4️⃣ Set Up Environment Variables
Create a `.env.local` file and add the following:
```env
VITE_apiKey=your-firebase-api-key
VITE_authDomain=your-auth-domain
VITE_projectId=your-project-id
VITE_storageBucket=your-storage-bucket
VITE_messagingSenderId=your-messaging-sender-id
VITE_appId=your-app-id
```
### 5️⃣ Run the Development Server
```sh
npm run dev # or yarn dev
```
### 6️⃣ Open in Browser
Visit **[http://localhost:5173](http://localhost:5173)**
---
## 🙌 Acknowledgments
Special thanks to all **open-source libraries** and contributors who made this project possible! 💜
---
## 📧 Contact With Me for More
Happy Coding! 😊
## 🤝 Thank You