/badminton-bazaar

A web application designed to provide a seamless shopping experience for badminton enthusiasts.

Primary LanguageC#OtherNOASSERTION

Badminton Bazaar (CI applied) MIT License CodeQL

🏸 Badminton Bazaar - Badminton Shopping Website

Welcome to Badminton Bazaar! Badminton Bazaar is a web application designed to provide a seamless shopping experience for badminton enthusiasts. It offers a wide range of badminton equipment, including rackets, shuttlecocks, apparel, and accessories. Built with modern web technologies, Badminton Bazaar ensures a smooth and secure shopping experience for users, featuring payment integrations, user authentication, and map-based store locators.

🛠️ Technologies & Tools

ASP.NET Core React Redux Toolkit SQL Server JWT Tailwind CSS Axios Identity Hangfire Leaflet MUI Redis Elasticsearch

Table of Contents
  1. Features
  2. Technologies Used
  3. Screenshots
  4. Contact Us

🚀 Features

  • User Authentication & Authorization: Secure authentication and authorization using ASP.NET Identity and JWT tokens.
  • Product Management: Comprehensive product catalog with the ability to filter and search for badminton tools.
  • Payment Gateway Integration: Supports multiple payment options, including:
    • VN Pay
    • MOMO
  • Admin Dashboard: Manage bookings, courts, and users from an easy-to-use admin interface.
  • Shopping Cart & Checkout: Seamless shopping cart experience with quantity management, order summary, and multi-step checkout process.
  • Map Integration: Integrated Leaflet maps to show store locations and product availability.
  • State Management: Efficient state management using Redux Toolkit for consistent and scalable application logic.
  • Caching: Implemented Redis for caching frequently accessed data to improve performance.
  • Search: Integrated Elasticsearch for advanced search capabilities.

🛠️ Technologies Used

Frontend

  • React: For building the user interface.
  • Redux Toolkit: For state management.
  • MUI (Material-UI): For component design.
  • Tailwind CSS: For custom and responsive styling.
  • Axios: For HTTP requests to the backend.
  • Leaflet: For interactive map integration.

Backend

  • ASP.NET Core Web API: Serves as the backend framework.
  • SQL Server: For database management.
  • ASP.NET Identity: For managing user roles and authentication.
  • JWT: For securing API endpoints with token-based authentication.
  • Hangfire: For background job processing and scheduling.
  • Redis: For caching frequently accessed data.
  • Elasticsearch: For advanced search capabilities.

Payment Integrations

  • VN Pay
  • MoMo

Firebase

  • Storage: For storing images.

📸 Screenshots

API HomePage ProductPage CartPage CheckoutPage

📞 Contact Us

Feel free to reach out via bazaarb43@gmail.com for any inquiries or support.

📧 Connect with me via: truongtanhuy3006@gmail.com

© 2024 th3y3m