Online Booking System for a Salon and Day Spa Using Spring Boot and ReactJS

Intermediate Java, Basic Spring Boot, Basic ReactJS, Basic Java IDE and Web IDE
skills learned
Create production-ready apps, Use of Spring Boot Web API, Swagger, PostgreSQL; Integrate a payment system, Create and scan barcode
Muthukumaran Navaneethakrishnan
4 weeks · 4-6 hours per week · INTERMEDIATE
Look inside
In this liveProject, you’ll take on the role of a web developer with a new client: a spa company called AR Salon. AR Salon wants to update its old over-the-phone manual booking system into a modern web-based service. Your challenge is to design and build this system, which will allow users to view available slots for spa services, pay for services, and retrieve customer information. To accomplish this, you’ll use Java and Spring Boot to construct a reliable backend, and JavaScript and React to build a responsive user interface.
This project is designed for learning purposes and is not a complete, production-ready application or solution.

book resources

When you start your liveProject, you get full access to the following books for 90 days.

project author

Muthukumaran Navaneethakrishnan
Muthukumaran Navaneethakrishnan is an independent consultant in full stack web and mobile development. He has coached developers in Apple, Infosys, Oracle, Verizon, Volvo, and other companies across the globe.


This liveProject is for programmers familiar with Java and JavaScript, who want experience in full stack web development. To begin this liveProject, you will need to be familiar with:

  • Intermediate Java
  • Basics of Spring Boot
  • Basics of ReactJS
  • Java IDEs such as Eclipse or IntelliJ IDEA
  • Web IDEs such as Visual Studio Code or Webstorm
  • Basics of Booking System
  • Basics of Payment Gateway
  • Basics of REST API, HTML and CSS

you will learn

In this liveProject, you’ll learn important concepts for creating production-ready web apps. The skills you master are essential for any web developer, and at the end of the project you’ll have a professional-level app for your portfolio.

  • Spring Boot Web API
  • Swagger
  • PostgreSQL
  • Integrating Payment System
  • Responsive UI with React and Bootstrap
  • RxJS Observables
  • Creating and Scanning Barcode


You choose the schedule and decide how much time to invest as you build your project.
Project roadmap
Each project is divided into several achievable steps.
Get Help
While within the liveProject platform, get help from other participants and our expert mentors.
Compare with others
For each step, compare your deliverable to the solutions by the author and other participants.
book resources
Get full access to select books for 90 days. Permanent access to excerpts from Manning products are also included, as well as references to other resources.

project outline


Prerequisites Test

Introduction Video

Start Project

1. Setting Up the Environment

1.1 Setting Up the Environment

1.2 Setting Up the Initial Spring Application

1.3 Setting Up a React App

Getting Started with Spring

Developing Web Applications

Working with Data

Meet React

Node Programming Fundamentals

Front-End Build Systems

1.4 Submit Your Work

2. Retrieving Salon Services

2.1 Retrieving Salon Services - Spring

2.2 Retrieving Salon Services - React

Creating REST Services

Our First Component

Working with Forms in React

Data and Data Flow in React

2.3 Submit Your Work

3. Retrieving Available Slots for Services on a Specific Date

3.1 Retrieving Available Slots for Services on a Specific Date - Spring

3.2 Displaying Available Slots for Services on a Specific Date - React

Working with Data

Our First Component

Routing in React

3.3 Submit Your Work

4. Paying for Booked Services

4.1 Paying for Booked Services - Spring

4.2 Confirmation for Booked Services - Spring

4.3 Paying for Booked Services - React

4.4 Submit Your Work

5. Verify User on Salon

5.1 Verify Customer at the Salon

5.2 Submit Your Work


Project Conclusions


Look inside

placing your order...

Don't refresh or navigate away from the page.
Manning Early Access Program (MEAP) In MEAP, you get immediate access to a liveProject under development, so you can participate while it is created, tested, and improved. Get started today, and pick up right where you've left off whenever we update the project!
liveProject $34.99 $49.99 self-paced learning
Online Booking System for a Salon and Day Spa Using Spring Boot and ReactJS (liveProject) added to cart
continue shopping
go to cart

Prices displayed in rupees will be charged in USD when you check out.