Skip to content

adebayoAdesina/Hotel-Booking-Full-stack-Application.

Repository files navigation

Hotel Booking Full-stack Application.

Using Springboot and ReactJS

Backend with springboot

Dependency

  1. spring-boot-starter-data-jpa
  2. spring-boot-starter-web
  3. spring-boot-devtools
  4. mysql-connector-j
  5. lombok
  6. commons-lang3
  7. spring-boot-starter-validation

How to run

### STEPS:

STEP 01- Open XAMPP Control Panel and start Apache and MySQL

Note: MySQL run on port 3306 locally

i.e localhost:3306

create a database with the name zipcode_application_backend

STEP 02- Navigate to the project root folder

i.e

root:\Backend [Springboot]\lakeside_hotel

STEP 03- In the Backend [Springboot]\lakeside_hotel folder open in cmd and package using

mvnw package

STEP 04- in the In the Backend [Springboot]\lakeside_hotel folder navigate to the target folder and open in cmd

java -jar zipcode_application_backend--0.0.1-SNAPSHOT.jar

Note: The port has been changed to port 9091 i.e localhost:9091

API documentation

Base URL

BASE_URL

http://localhost:9091/api/v1

To add new Room


POST Request

BASE_URL/room/add/new-room

To get all Room


GET Request

BASE_URL/rooms/room-types

To delete Room by ID


DELETE Request

BASE_URL/rooms/delete/room/{roomId}

To update Room by ID


PUT Request

BASE_URL/rooms/update/{roomId}

To get Room by ID


GET Request

BASE_URL/rooms/room/{roomId}

To Book Room


POST Request

BASE_URL/bookings/room/{roomId}/booking

To get all Booked Room


GET Request

BASE_URL/bookings/all-bookings

To get Booked Room by confirmation code


GET Request

BASE_URL/bookings/confirmation/{confirmationCode}

To delete Booked Room by ID


DELETE Request

BASE_URL/bookings/booking/{bookingId}/delete

Frontend with React JS

Dependency

  1. axios
  2. bootstrap
  3. moment
  4. react-bootstrap
  5. react-router-dom
  6. react-icons

How to run

### STEPS:

STEP 01- Open Project Root Folder using Terminal and navigate to the Frontend_React_JS\lakeside_hotel folder

For windows

cd Frontend_React_JS\lakeside_hotel

STEP 02- Run the React Project Using "npm run dev"

    npm run dev

Screenshot