https://github.com/askatash/smart-sport-client
a sports accessories e-commerce website, a platform where customers can browse, purchase, and review various sports accessories, from gear to apparel, catering to different sports disciplines.
https://github.com/askatash/smart-sport-client
daisyui expressjs firebase javascript mongodb nodejs npm-package reactjs tailwindcss
Last synced: 3 months ago
JSON representation
a sports accessories e-commerce website, a platform where customers can browse, purchase, and review various sports accessories, from gear to apparel, catering to different sports disciplines.
- Host: GitHub
- URL: https://github.com/askatash/smart-sport-client
- Owner: AskatAsh
- Created: 2025-01-08T12:10:15.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-08T14:19:50.000Z (over 1 year ago)
- Last Synced: 2025-03-02T13:17:24.648Z (over 1 year ago)
- Topics: daisyui, expressjs, firebase, javascript, mongodb, nodejs, npm-package, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://smartsport-client.web.app
- Size: 283 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 
SMART SPORT
Smart Sport is a sports equipment and accessories e-commerce website, a platform where customers can browse, purchase, and review various sports accessories, from gear to apparel, catering to different sports disciplines.
*A representative screenshot of the project.*
---
## 🌐 **Live Link**
Check out the live version of the project:
[Live Demo](https://smartsport-client.web.app)
## 🛠️ Technologies Used
- React Js
- Tailwind CSS
- DaisyUI
- React Toastify
- Font awesome
- Firebase Authentication
- React Router
- Swiper js
- Lottie React
- React Tooltip
- React icons
- React Helmet
---
## 🧩 **Dependencies**
- "@emotion/react": "^11.13.5",
- "@emotion/styled": "^11.13.5",
- "firebase": "^11.0.2",
- "lottie-react": "^2.4.0",
- "react": "^18.3.1",
- "react-awesome-reveal": "^4.2.14",
- "react-dom": "^18.3.1",
- "react-helmet-async": "^2.0.5",
- "react-icons": "^5.4.0",
- "react-router-dom": "^7.0.2",
- "react-toastify": "^10.0.6",
- "react-tooltip": "^5.28.0",
- "sweetalert": "^2.1.2",
- "sweetalert2": "^11.14.5",
- "swiper": "^11.1.15"
---
## 📂 **Architecture**
- **Navbar:** Includes company logo, navigation links, user info, and authentication controls.
- **Footer:** Displays company information, policies, and social links.
- **Dynamic Routing:** Main section renders pages based on routes.
## 🚀 Key Features
- **Fetching Data From Database**:
- Fetched equipment data from mongoDB database using get method
- Used fetch api to get limited data using query
- Get single equipment data using id parameter
- **Create Data in Database**:
- Used Post method to create new Equipment data in mongoDB database and get response
- **Update Data in Database**:
- Used Put method to update single Equipment data in mongoDB database and get response
- **Private Routes**:
- Created private routes using react router.
- User should be logged in to access private routes.
- Redirected user to login page in user is not logged in.
- **Firebase Authentication**:
- Used firebase to sign up or register new user
- Log in using email and password
- Sign in or sign up using google
- Show user info in Navbar like image and name
---
## 📁 **Run in Local Machine**
1. Clone the repository:
```bash
git clone https://github.com/AskatAsh/Smart-Sport-client.git
2. Navigate to the project directory:
```bash
cd yourproject
3. Install the dependencies:
```bash
npm install
4. Run the project:
```bash
npm run dev