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
Screenshots
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