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

Spring Boot, React, Fullstack, Payment Gateway Integration, Barcode Scan/Generate
Muthukumaran Navaneethakrishnan
4 weeks · 4-6 hours per week
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.

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.
Peer support
Chat with other participants within the liveProject platform.
Compare with others
For each step, compare your deliverable to the solutions by the author and other participants.
Book and video resources
Excerpts from Manning books and videos are included, as well as references to other resources.

project outline


Prerequisites Test

Get Started

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

Working with Forms 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

Data and Data Flow in React

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


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 $24.99 $50.00 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.