JHipster: Spring Boot + Angular + MongoDB CRUD example

Hello everyone, today we will learn how to generate a Monolithic Full-stack web application that is a basic Employee Management Application using JHipster. Technologies used: Spring Boot, AngularMongoDB, Maven.

User Interface

What is JHispter?

JHipster is an open-source application development platform to quickly generate, develop, & deploy modern web applications & microservice architectures using Angular or React or Vue and Spring Boot or Quarkus Frameworks.

JHipster Environment Setup

Step 1: Install Java 11, click here

Step 2: Install Node.js, click here

Step 3: Install JHipster using the following command
npm install -g generator-jhipster
or
yarn global add generator-jhipster
or
Download the JHipster Docker image, click here

Step 4(Optional)
Install Maven or Gradle depends on you.
You normally don’t have to install anything, as JHipster will automatically install the Maven Wrapper or the Gradle Wrapper for you.

Creating the Full-stack CRUD application using JHipster

Step 1: Create an empty directory in which you will create your application.
mkdir myapp
cd myapp
Step 2: To auto-generate your application, type below command
jhipster

Answer the questions asked by the generator to create an application tailored to your needs, like below:


Click Enter,

If everything goes fine, then you see the following output in your terminal:


Create the Entity called Employee

jhipster entity Employee
Answer the questions asked by the generator to create the entity.


If everything goes fine, then you see the following output in your terminal:


Running the Application

Once the application is generated, you can launch it using 
Maven 
./mvnw
Gradle
./gradlew
Starting the Spring Boot application on port 8080:


If everything works well, then finally you see the following output in your terminal:


The application will be available on http://localhost:8080

Demo

  • Select the Sign-in 


  • Enter the admin credentials to log in to the application.

  • Then select 'Employee',

  • You will get the Employee management page.

Next, You can open the project with your favourite IDE and start exploration,



Happy coding!

Popular posts from this blog

Learn Java 8 streams with an example - print odd/even numbers from Array and List

Java Stream API - How to convert List of objects to another List of objects using Java streams?

Registration and Login with Spring Boot + Spring Security + Thymeleaf

Java, Spring Boot Mini Project - Library Management System - Download

ReactJS, Spring Boot JWT Authentication Example

Top 5 Java ORM tools - 2024

Java - Blowfish Encryption and decryption Example

Spring boot video streaming example-HTML5

Google Cloud Storage + Spring Boot - File Upload, Download, and Delete