/Vehicle_Booking

Get ready to book your ride stress-free! Our app, crafted with Node.js, React, and MySQL, makes it easy to enter your info, choose your favorite vehicle, select dates, and confirm your booking smoothly. Say goodbye to hassle and hello to effortless adventures!

Primary LanguageJavaScript

Vehicle_Booking

Introduction

Get ready to book your ride stress-free! Our app, crafted with Node.js, React, and MySQL, makes it easy to enter your info, choose your favorite vehicle, select dates, and confirm your booking smoothly. Say goodbye to hassle and hello to effortless adventures!

Project Type

Fullstack

Deplolyed App

Directory Structure

Vehicle-Booking-App/ ├─ Vehicle-Booking-Backend/ ├─ Vehicle-Booking-Frontend/

Video Walkthrough of the project

https://drive.google.com/file/d/1-NZM8LoIjItHvjKyfoMEYy1We8eZY5b3/view?usp=sharing

Video Walkthrough of the codebase

https://drive.google.com/file/d/1E-H1uQqpSUn2ZZ8kEgJg2H4CofONKZHk/view?usp=sharing

Features

  • View Avaliable Vehicles
  • Create Booking of Vehicle
  • View all Booked Vehicle
  • Delete Booked Vehicle
  • Authentications for Dates
  • Responsive Design

Installation & Getting started

cd Vehicle-Booking-App cd Vehicle-Booking-Frontend npm install npm start

Usage

You can use this app for a Vehicle Booking.

APIs Used & Endpoints

  • GET /vehicle/getVehicles - Get all vehicles data
  • GET /vehicle/getVehicletypes - Get type of vehicles
  • GET /vehicle/models/:type - Get model of vehicles
  • POST /booking/addBooking - Add Booking of vehicle
  • GET /booking/allBookings - Get all booked vehicles data
  • DELETE /booking/deleteAllBookings - Delete all vehicles data
  • DELETE /booking/deleteBooking/:id - Delete Booked vehicle data

Technology Stack

  • Frontend - React.js
  • Backend - Node.js
  • Express.js
  • DataBase - MySQL
  • ORM - sequelize

Images of Project

Avaliable Vehicles Page

Booked Vehicles Page

Vehicle Booking Form

Step-1

Step-2

Step-3

Step-4

Step-5