This is an e-commerce website for sports accessories, where customers can browse, purchase, and review various sports products, including gear and apparel. The website is fully responsive, offers user authentication, and allows users to manage products they add to the platform. It also features various animations, dark/light theme toggle, and sorting functionality.
Live site link: https://performance-gear.web.app/
- Responsive Design: The website is designed to be responsive on all devices, including mobile, tablet, and desktop views.
- User Authentication: Users can log in, register, and use third-party authentication methods like Google and GitHub.
- Add and Manage Products: Users can add, view, update, and delete sports equipment on the platform (private routes).
- Product Sorting: Users can sort products based on price (ascending or descending).
- Dark/Light Theme Toggle: A toggle is provided to switch between dark and light themes.
- Toast Notifications: The app uses SweetAlert for showing success and error messages, such as when login fails.
- Animations: Integrated React Awesome Reveal for various animations.
- Loading Spinner: A loading spinner appears while data is being fetched.
- 404 Page: Displays a custom 404 page for non-existent routes.
- Frontend: React, React Router, React Reveal
- Backend: Node.js, Express, MongoDB
- Authentication: Firebase Authentication (Google/Email)
- Hosting: Firebase for client-side, Vercel for server-side hosting
- Database: MongoDB
- State Management: React Context API