/sports-facility-booking-client

Server Repo => https://github.com/MdMuzahid07/P-HERO-Level-2-Assignment-3.git

Primary LanguageTypeScript

Sports Facility Booking Platform

The Sports Facility Booking Platform allows users to book sports facilities easily and provides administrators with tools to manage bookings, users, and facilities. This project is an integrated full-stack MERN (MongoDB, Express, React, Node.js) application with a user-friendly interface.

Features

  • Landing Page:
    • Hero section with a "Book Now" button.
    • Featured facilities and customer testimonials.
    • Clear explanation of the booking process.
  • User Dashboard:
    • Manage bookings with options to view and cancel.
  • Admin Dashboard:
    • Manage sports facilities (CRUD operations).
    • View and manage all bookings.
    • Add and manage admin users.
  • Facility Listing:
    • Filter, search, and view details of facilities.
  • Booking System:
    • Check availability and book facilities with secure payment.
  • Login & Registration:
    • User registration and login forms with validation.
    • Admin and user roles.
  • Responsive UI:
    • Mobile, tablet, and desktop views.
  • Additional Features:
    • Error handling with custom 404 pages.
    • Scroll-to-top button, pagination for facilities.

Installation

Requirements

  • Node.js (version 18.x or later)
  • MongoDB (local or cloud)
  • pnpm (version 8.x or later)

Steps

  1. Clone the repository:

    git clone  https://github.com/MdMuzahid07/sports-facility-booking-client.git
    cd sports-facility-booking-client
  2. Install dependencies:

      pnpm install
  3. Run the development server:

    pnpm dev
  4. Build for production:

    pnpm build
  5. Preview production build:

    pnpm preview

Scripts

  • pnpm dev: Starts the development server.
  • pnpm build: Builds the project for production.
  • pnpm preview: Previews the production build.
  • pnpm lint: Runs ESLint for code quality checks.