An single page application in angular. This project is made using a course of Carlos Alberto Joia Lazarin, about a Full Stack solution using Angular 12, SpringBoot, MySQL e AWS.
I made this project to fixed my knowledge in web development, and to learn more about others tecnologies like AWS and SpringBoot.
For better identification, emojis will be used to identify what kind of changes were applied.
-
📦 new feature
-
🆙 update
-
🐛 bug fix
-
🏁 launch
It is possible to modularize the site in 5 parts, namely:
-
Header;
-
Home;
-
Category;
-
Footer;
-
General functionality
In the header, this is where the project name is presented, using the colors of the Angular Material Design template, specifically "Purple & Green" template. In this section, the sidebar menu is also present, which will be better explained in the General Functionalities section.
In the home section, there is a cover page for the website.
In the Category section, a "card" is presented. In this card we have a table with all the categories presents in the database. On this "card" initially we have 2 buttons, one for returning to the Homepage, and another for adding new categories to the database. Below this the 2 buttons we have a table with the presentation of all the categories present in the database. In this table we have 3 columns, which are:
- Id: It is a generic index for organizing the table;
- Name: In these cells, the names of the categories are displayed;
- Actions: This is where we have "edit" and "delete" buttons for the selected category are selected;
The footer section, was made where there are the principal social networks of the developer, as well as the copyright reservation of the site.