https://github.com/ecristobale/web-app-full-stack

Spring 5: Spring Data JPA, Spring Security (OAuth2 & JWT, Spring Boot 2; Angular 8, Angular Material; Bootstrap 4; H2. Published in Heroku (backend) and in Google Firebase (frontend)
https://github.com/ecristobale/web-app-full-stack

angular-material angular8 bootstrap bootstrap-4 bootstrap4 firebase firebase-hosting full-stack fullstack git heroku spring spring-boot-2 spring-data-jpa spring-security-oauth2 springboot2 springdata-jpa web-application

Last synced: 3 months ago
JSON representation

Spring 5: Spring Data JPA, Spring Security (OAuth2 & JWT, Spring Boot 2; Angular 8, Angular Material; Bootstrap 4; H2. Published in Heroku (backend) and in Google Firebase (frontend)

• Host: GitHub
• URL: https://github.com/ecristobale/web-app-full-stack
• Owner: ecristobale
• Created: 2019-12-15T19:23:42.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T12:50:53.000Z (almost 3 years ago)
• Last Synced: 2025-06-21T09:42:09.970Z (5 months ago)
• Topics: angular-material, angular8, bootstrap, bootstrap-4, bootstrap4, firebase, firebase-hosting, full-stack, fullstack, git, heroku, spring, spring-boot-2, spring-data-jpa, spring-security-oauth2, springboot2, springdata-jpa, web-application
• Language: Java
• Homepage: https://clientes-app-ecristobale.web.app
• Size: 3.24 MB
• Stars: 14
• Watchers: 1
• Forks: 6
• Open Issues: 28
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# web-app-full-stack: Spring Boot 2 & Angular 8

## Links for visiting webapp:

- Google Firebase: https://clientes-app-ecristobale.web.app/clientes

- Heroku (backend only): https://spring-boot-2clientes-app.herokuapp.com/

Main page without login:

![Alt text](web-app-screenshots/main_page.PNG?raw=true "Main Page")

Some warnings indicating that the requested pages are in a restricted area:

![Alt text](web-app-screenshots/area_restrictions_based_on_roles.PNG?raw=true "Main Page")

Login screen (ask me if you want me to share with you any user to see the whole application):

![Alt text](web-app-screenshots/login_page.PNG?raw=true "Login Page")

Main page with admin role:

![Alt text](web-app-screenshots/admin_main_page.PNG?raw=true "Main Page - Admin")

Main page with user role:

![Alt text](web-app-screenshots/user_main_page.PNG?raw=true "Main Page - User")

Create new client with admin role (with form validation):

![Alt text](web-app-screenshots/create_new_user_form_validation.PNG?raw=true "New Client Page - Admin")

Update client with admin role (with form validation):

![Alt text](web-app-screenshots/update_user_form.PNG?raw=true "Update Client Page - Admin")

Create new invoice with admin role (with form validation and autocomplete in product name):

![Alt text](web-app-screenshots/admin_form_new_invoice_validating_fields_autocomplete_product.PNG?raw=true "New Invoice Page - Admin")

Client details with admin role:

![Alt text](web-app-screenshots/admin_client_details.PNG?raw=true "Client Details Page - Admin")

Client details upload an image (with progress bar animation) with admin role:

![Alt text](web-app-screenshots/admin_client_photo_uploaded_with_progress_bar.PNG?raw=true "Client Details Upload An Image Page - Admin")

Client details with user role:

![Alt text](web-app-screenshots/user_client_details.PNG?raw=true "Client Details Page - User")

Invoice details with admin role:

![Alt text](web-app-screenshots/invoice_detail.PNG?raw=true "Invoice Details Page - Admin")

Invoice details with user role:

![Alt text](web-app-screenshots/user_invoice_detail.PNG?raw=true "Invoice Details Page - Admin")

Logout action:

![Alt text](web-app-screenshots/Logout_action.PNG?raw=true "Logout Page")