Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/th3y3m/badminton-bazaar

A web application designed to provide a seamless shopping experience for badminton enthusiasts.
https://github.com/th3y3m/badminton-bazaar

asp-net-core-web-api asp-net-identity elasticsearch firebase hangfire huggingface jwt leaflet-map ml-net momo mui qr-code-generator react redis-cache redis-lock redux-toolkit signalr sql-server tailwindcss vnpay

Last synced: 28 days ago
JSON representation

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

Awesome Lists containing this project

README

        

[![Badminton Bazaar (CI applied)](https://github.com/th3y3m/badminton-bazaar/actions/workflows/ci-script.yml/badge.svg)](https://github.com/th3y3m/badminton-bazaar/actions/workflows/ci-script.yml)
![MIT License](https://img.shields.io/badge/License-MIT-yellow.svg)
[![CodeQL](https://github.com/th3y3m/badminton-bazaar/actions/workflows/github-code-scanning/codeql/badge.svg)](https://github.com/th3y3m/badminton-bazaar/actions/workflows/github-code-scanning/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](https://img.shields.io/badge/ASP.NET_Core-5C2D91?style=for-the-badge&logo=dot-net&logoColor=white)
![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
![Redux Toolkit](https://img.shields.io/badge/Redux_Toolkit-764ABC?style=for-the-badge&logo=redux&logoColor=white)
![SQL Server](https://img.shields.io/badge/SQL_Server-CC2927?style=for-the-badge&logo=microsoft-sql-server&logoColor=white)
![JWT](https://img.shields.io/badge/JWT-black?style=for-the-badge&logo=JSON%20web%20tokens)
![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
![Axios](https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge&logo=axios&logoColor=white)
![Identity](https://img.shields.io/badge/Identity-0078D4?style=for-the-badge&logo=asp.net&logoColor=white)
![Hangfire](https://img.shields.io/badge/Hangfire-FF5722?style=for-the-badge&logo=hangfire&logoColor=white)
![Leaflet](https://img.shields.io/badge/Leaflet-199900?style=for-the-badge&logo=leaflet&logoColor=white)
![MUI](https://img.shields.io/badge/MUI-007FFF?style=for-the-badge&logo=mui&logoColor=white)
![Redis](https://img.shields.io/badge/Redis-DC382D?style=for-the-badge&logo=redis&logoColor=white)
![Elasticsearch](https://img.shields.io/badge/Elasticsearch-005571?style=for-the-badge&logo=elasticsearch&logoColor=white)

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](https://github.com/th3y3m/badminton-bazaar/blob/main/Screenshots/API.jpeg)
![HomePage](https://github.com/th3y3m/badminton-bazaar/blob/main/Screenshots/Home.jpeg)
![ProductPage](https://github.com/th3y3m/badminton-bazaar/blob/main/Screenshots/Product.jpeg)
![CartPage](https://github.com/th3y3m/badminton-bazaar/blob/main/Screenshots/Cart.jpeg)
![CheckoutPage](https://github.com/th3y3m/badminton-bazaar/blob/main/Screenshots/Checkout.jpeg)

## 📞 Contact Us
Feel free to reach out via [[email protected]](mailto:[email protected]) for any inquiries or support.

---

#### 📧 Connect with me via: [email protected]

##### © 2024 th3y3m