This is a skeleton application that can be built out and expanded as core fundamentals are learned through the process. In this application a user subscribes to an online task tracking system for themselves or their child.
The user accesses the login page and there is a link to a registration page (not yet fully functional but routing is in place). Routing and error components will be created to link pages and display url errors. For demonstration purposes the username and pasword have been set at the back end and a JWT Token has been assigned to allow access.Login is completed via mandatory fields. This information is retrieved by the server and the user can log in from the home page via JWT Token authorization.
Once the user logs in, they will access the welcome page and will be able to see a greeting with the username listed. Upon clicking the Welcome Message button a customized welcome message will appear with their username which is populated with the Hello World Bean on the back end. Users can access the their Task List by clicking on the hyperlink.
Once the user accesses the Task List, they will will be able to view a dashboard that will allow them to create a task/chore list. They can add, update, or delete items from the chore list (handled by API and database) and will be able to search the list for specific chore tasks to be completed via the Description field.
Once the user logs out there is a message thanking them for using the app and in the menu there is a link to return them to the Login Page.
Task App System Tech Stack Selection: Version Control Sys: Github Wireframe: Mockflow Frontend: Angular, IDE VS Code - Modules/Components, CSS, Bootstrap Business Logic: Typescript WebServer Imp: SpringBoot/RESTful Data Layer: H2 Embedded Memory DB Web Server Cloud Dep: TBD (I have used Heroku) Web App Cloud D: TBD (I have used Netlify)
If you are able to get my case study running on your machine the username is in28minutes and the password is dummy. The password can be changed in JwtInMemoryUserDetailsService.java and the token is commented out in jwtTokenRequest.java. I created new users in the Memory User Details Service and did the Bcryt test but had issues getting tokens for them using Talend. I used a Full Stack Angular and Spring Boot tutorial by Ranga on Udemy (in28minutes) to guide me through the project.
This project was generated with Angular CLI version 10.0.5.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.