Sports Equipment Store

Project Overview

Sports Equipment Store is an e-commerce platform that allows users to browse and purchase various sports equipment. The platform offers a seamless shopping experience with an intuitive interface, real-time updates, and secure checkout options.

Screenshot

Technologies Used

• React.js
• Firebase
• Swiper.js for carousels
• React Router for navigation
• React Toastify for notifications

Core Features

• User authentication with Firebase
• Real-time product search and filtering
• Interactive UI animations with Lottie React
• Product sorting and recommendations
• Secure checkout process

Dependencies

"dependencies": {
    "firebase": "^11.0.2",
    "localforage": "^1.10.0",
    "lottie-react": "^2.4.0",
    "match-sorter": "^8.0.0",
    "react": "^18.3.1",
    "react-awesome-reveal": "^4.2.14",
    "react-dom": "^18.3.1",
    "react-helmet": "^6.1.0",
    "react-helmet-async": "^2.0.5",
    "react-icons": "^5.4.0",
    "react-loader-spinner": "^6.1.6",
    "react-router-dom": "^7.0.2",
    "react-toastify": "^10.0.6",
    "react-tooltip": "^5.28.0",
    "sort-by": "^1.2.0",
    "sweetalert2": "^11.14.5",
    "swiper": "^11.1.15"
  }

How to Run the Project Locally

1. Clone the repository:

   https://github.com/safin33221/Sports-Equipment-Store-Client-Side.git

2. Navigate to the project directory:

   cd Sports-Equipment-Store-Client-Side

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open the project in your browser at http://localhost:5173

Live Project & Resources

• Live Website: Sports Equipment Store
• Backend Repo: Sports Equipment Store Backend