Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jarifmohammed/sports-shop-client-side

This project implements MongoDB for CRUD (Create, Read, Update, Delete) operations, Firebase authentication for user management, and conditional routing to enhance user experience.User can perform CRUD operations and have good user experience .
https://github.com/jarifmohammed/sports-shop-client-side

firebase-auth framer-motion mongodb-database

Last synced: about 1 month ago
JSON representation

This project implements MongoDB for CRUD (Create, Read, Update, Delete) operations, Firebase authentication for user management, and conditional routing to enhance user experience.User can perform CRUD operations and have good user experience .

Awesome Lists containing this project

README 

        
# EquiSports: A Sports Equipment Store 🏅



**Live Site:** [EquiSports Live](https://equisports-488e1.web.app/home)



## Overview  

EquiSports is a responsive e-commerce platform that allows users to explore, manage, and purchase sports equipment tailored for various sports disciplines. It provides seamless user authentication, dynamic product management, and an engaging user experience.



---



## Features  



1. **Responsive Design**  

   - Fully responsive for mobile, tablet, and desktop devices.  

   - Dark/Light theme toggle for user convenience.  



2. **User Authentication**  

   - Login and Registration with Email/Password and Google.  

   - Conditional Navbar display based on user login status.  

   - Logged-in users stay authenticated on route reloads.



3. **Dynamic Product Management**  

   - **Add Equipment:** Add detailed product information including images, categories, pricing, and stock.  

   - **My Equipment List:** Manage products added by the user with update and delete functionality.  

   - **Sort Functionality:** Sort products by price (ascending or descending).



4. **Engaging UI**  

   - Lottie animations for dynamic visuals.  

   - React Awesome Reveal for smooth transitions.  

   - Custom error and success messages with React Toastify.



5. **Additional Features**  

   - Meaningful content with no Lorem Ipsum.  

   - Environment variables for secure credentials.  

   - 404 error page for non-existent routes.  



---



## Pages  



1. **Home Page:**  

   - Navbar, Banner Slider with 3 slides, Featured Products, Sports Categories, and additional sections.



2. **Login Page:**  

   - User authentication with validation.  

   - Displays error messages for invalid credentials using toast notifications.



3. **Register Page:**  

   - User registration with name, email, photo, and password validation.  

   - Toast notifications for success messages.  



4. **All Sports Equipment Page:**  

   - Displays all products in a table format with a "View Details" button.  

   - Sort products based on price.  



5. **View Details Page:**  

   - Detailed information on each product displayed in an engaging design.  



6. **Add Equipment Page:**  

   - Private route for adding equipment with detailed product information.  

   - Displays success messages upon successful data addition.  



7. **My Equipment List:**  

   - Displays all products added by the logged-in user.  

   - Includes update and delete functionality with a confirmation modal for deletions.  



8. **Update Page:**  

   - Allows logged-in users to update their equipment details.  

   - Displays a success message upon successful update.  



9. **404 Page:**  

   - Custom 404 page for non-existent routes.  



---



## Technologies Used  



- **Frontend:** React, Tailwind CSS, React Router, React Toastify, Lottie React, React Awesome Reveal.  

- **Backend:** Node.js, Express.js, MongoDB.  

- **Hosting:**  

  - **Client:** Firebase.  

  - **Server:** Vercel.  



---



## Deployment  



- **Client-Side:** Hosted on Firebase.  

- **Server-Side:** Hosted on Vercel.  



---