https://github.com/rafirabby13/athlete-zone

A platform for managing sports equipment efficiently. Users can add, update, and view equipment data with features like authentication, private routes, and dark/light mode.
https://github.com/rafirabby13/athlete-zone

css3 firebase html5 javascript mongodb reactjs

Last synced: 3 months ago
JSON representation

A platform for managing sports equipment efficiently. Users can add, update, and view equipment data with features like authentication, private routes, and dark/light mode.

• Host: GitHub
• URL: https://github.com/rafirabby13/athlete-zone
• Owner: rafirabby13
• Created: 2025-01-08T07:19:10.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-05T05:26:10.000Z (over 1 year ago)
• Last Synced: 2025-06-17T14:52:52.674Z (about 1 year ago)
• Topics: css3, firebase, html5, javascript, mongodb, reactjs
• Language: JavaScript
• Homepage: https://athlete-zone-f7a74.web.app/
• Size: 4.96 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Website Name: AthleteZone


###

A platform for managing sports equipment efficiently. Users can add, update, and view equipment data with features like authentication, private routes, and dark/light mode.AthleteZone is a web platform for managing sports equipment data. It allows authenticated users to add, update, view, and delete equipment data.

1. Frontend: React, TailwindCSS
2. Backend: Firebase Authentication
3. Routing: React Router


###

Live Site: https://athlete-zone-f7a74.web.app/


###



  



###



  

  

  

  

  

  

  

  

  



###

Features


###

1.Only Authenticated User can Add and Update equipment data.
2.User can see All the data and can also view any specific product detail.User will navigate to 404 page if user hits wrong url.
3.Two routes are private. Only logged In user can see data.
4.User can see his/her added data list after login. User can also delete added data only by clicking delete button. A confirmation pop up will ask for delete.
5.Dark/Light theme toggle functionality also added at the navbar.


###

Dependencies


###

"@ant-design/react-slick": "^1.1.2",
    "@dotlottie/react-player": "^1.6.19",
    "@emotion/react": "^11.13.5",
    "@fluentui/react-switch": "^9.1.98",
    "@lottiefiles/lottie-interactivity": "^1.6.2",
    "animate.css": "^4.1.1",
    "firebase": "^11.0.2",
    "framer-motion": "^11.13.1",
    "helmet": "^8.0.0",
    "lottie-react": "^2.4.0",
    "nuka-carousel": "^8.1.1",
    "react": "^18.3.1",
    "react-awesome-reveal": "^4.2.14",
    "react-dom": "^18.3.1",
    "react-helmet": "^6.1.0",
    "react-icons": "^5.4.0",
    "react-loader-spinner": "^6.1.6",
    "react-router-dom": "^7.0.2",
    "react-select": "^5.8.3",
    "react-slick": "^0.30.2",
    "react-toastify": "^10.0.6",
    "react-tooltip": "^5.28.0",
    "slick-carousel": "^1.8.1",
    "sweetalert2": "^11.14.5",
    "swiper": "^11.1.15"


###

how to run the project locally


###

1. Clone the repository.
2. Run npm install to install dependencies.
3. Set up Firebase for authentication.
4. Set up MongoDB For Data Storage
5. Use npm run dev to launch the project.


###