Skip to content

Fast Online Booking System for 2 Wheeler Rental Services (The WebApp is in Beta State)

Notifications You must be signed in to change notification settings

GlideRide-online/Online-Booking-System

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

65 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Glideride Online - Booking Platform

Welcome to Glideride Online, your one-stop platform for booking exciting rides. This repository contains the source code for our booking platform built using React and tailored for a seamless user experience.

Features

  • User Authentication: Secure user registration and login through Google authentication, with MongoDB as the backend.

  • Service Selection: Choose from a range of rental services, including 4-hour, 6-hour, and 8-hour options, each with its pricing and security deposit.

  • Date and Time Selection: Pick your preferred date and time slot, ensuring you select a valid date and time based on the current date.

  • Personal Details: Capture user information, including name, email, age, and gender.

  • Email Confirmation: Send confirmation emails to users with booking details.

  • Attractive UI: Utilize Tailwind CSS for a visually appealing and responsive user interface.

Installation

  1. Clone this repository:

    git clone https://github.com/GlideRide-online/Online-Booking-System
    cd client npm i
    cd server npm i
    
    
  2. Setting Up the Environment Variables

    Frontend

    RAZORPAY_KEY_ID=YOUR_ID
    [email protected]
    EMAIL_PASSWORD=YOUR_EMAIL_PASSWORD
    EMAIL_SERVER=smtp.elasticemail.com
    EMAIL_PORT=2525
    EMAIL_SECURITY=YOUR_SECURITY_KEY
    

    Backend

    PORT=4000
    MONOGODB_URL=mongodb+srv://username:[email protected]
    GOOGLE_CLIENT_ID=YOUR_GOOGLE_ID
    GOOGLE_CLIENT_SECRET=YOUR_GOOGLE_CLIENT
    RAZORPAY_KEY_ID=YOUR_ID
    RAZORPAY_KEY_SECRET=YOUR_KEY_SECRET
    
  3. Getting the IDS for 3rd parties like Google Auth using PassportJs, Razorpay, SMTP mail

    Watch these YouTube videos to understand how to get your IDs and keys for a particular lib.

    Razorpay

    https://www.youtube.com/watch?v=eC73edQ5jmw&ab_channel=CyberWolves

    Google Auth using Passport Js

    https://youtu.be/Q0a0594tOrc?si=PToPL3t4jQOeqXEr

    Smtp Mail (Confirmation if the user successfully books a ride)

    https://www.youtube.com/watch?v=wUK40U6sPH0&ab_channel=BuggyCoder

  4. Start in Developemt Mode

    cd server npm run server
    
    cd client npm start
    
    
  5. Visit http://localhost:3000 in your browser to use the application.

Usage

  1. Register and log in to your Glideride Online account using Google authentication.
  2. Choose a service, select a date, and pick a time slot.
  3. Provide your personal details and proceed to booking.
  4. Receive a confirmation email with your booking details.

Contributing

Feel free to contribute to this project by opening issues or creating pull requests. Your feedback and contributions are valuable.

Acknowledgments

We would like to extend our gratitude to the following libraries and frameworks that have contributed to the success of Glideride Online:

  • Ant Design: Used for displaying user-friendly messages and notifications.

  • Tailwind CSS: Leveraged for creating an attractive and responsive user interface.

  • Passport.js: Facilitated secure user authentication with Google integration.

  • Razorpay: Enabled secure payment processing for booking services.

Thank you for choosing Glideride Online for your ride bookings! We hope you have a fantastic experience. If you have any questions or need assistance, don't hesitate to contact us.

Screenshots

Screenshot 1

Screenshot 2

Screenshot 3

Screenshot 4

Screenshot 5

Screenshot 6