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/
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.
"@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"
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.