Skip to content

danilobatistaqueiroz/okta_login_crud_angular5_springboot

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Login and CRUD with Angular 5 and Spring Boot

This project uses Authentication, Angular Material, Giphy, H2 database, JPA

This project uses:

In Angular

  • NgForm (@angular/forms)
  • rxjs/Subscription
  • rxjs/Observable
  • ActivatedRoute (@angular/router)
  • HttpClient (@angular/common/http)
  • GiphyService
  • OktaAuthService
  • OktaAuthModule
  • BrowserAnimationsModule
  • Angular Material
  • HttpInterceptor

In Java

  • Lombok
  • JPA
  • JpaRepository
  • CrossOrigin (CORS)
  • FilterRegistrationBean
  • CorsFilter

Steps to use To install this application, run the following commands:

git clone git@github.com:danilobatistaqueiroz/okta_login_crud_angular5_springboot.git
cd okta_login_crud_angular5_springboot
This will get a copy of the project installed locally.
To install all of its dependencies and start each app, follow the instructions below.

To run the server, cd into the server folder and run:
./mvnw spring-boot:run

To run the client, cd into the client folder and run:
npm install && npm start

Project Structure

angular5_crud_structure

Screenshots

login

okta

home

list

car-list

car-add

Some steps to create the application

http://start.spring.io
choose: Web, JPA, Actuator, H2, Rest Repositories, Lombok

Create a Client with Angular Cli https://cli.angular.io npm install -g @angular/cli ng new client cd client npm install --save @angular/material @angular/cdk npm install --save @angular/animations https://material.angular.io ng g s car mkdir -p src/app/shared/car mv src/app/car.service.* src/app/shared/car/. ng g c car-list ng serve http://localhost:4200 ng g c car-edit https://www.npmjs.com/package/@okta/okta-angular npm install --save @okta/okta-angular ng g c home


Links:

https://gist.github.com/danilobatistaqueiroz/2eb727d7ca164b97552cff7ffaa78d3a

https://developer.okta.com/blog/2017/12/04/basic-crud-angular-and-spring-boot

https://dev-121524-admin.oktapreview.com/dev/console

https://developer.okta.com/quickstart/#/angular/nodejs/express