Creating a Simple Login Using Angular (Angular + Spring Boot) #Part1 — Learning Angular

image from google.com

INTRODUCTION

In the previous article, we created a Simple Rest API using Spring Boot. This time, we will try to integrate Spring Boot with Angular as the Frontend. As an example, we will create a simple Login form, Register form, and an Index/Dashboard page after successfully logging in.

PREREQUISITE

Before starting with Angular, the first thing to do is to install Node JS. This is necessary because we need NPM (Node Package Manager) to install some Angular packages/modules by running commands.

npm install - g @angular/cli

After that, create a new project using the command.

ng new <Project Name>

PROJECT STRUCTURE

Project Structure

After running the above command, a project folder will be created with the specified project name.

• node_modules: Folder containing project dependencies
• src: Folder containing the project's source code
• package.json: File with information about libraries used in the…