delunico-taskmanager https://delunico-taskmanager.up.railway.app/
This task managing web application uses full CRUD operations between the front-end build in Angular and the backend using a node.js API connected to a MySQL database. It offers easy task management as well as the option to save multiple lists.
The api was created by using node module express in the node.js server. All requests for GET, POST, PUT, and DELETE were routed to database queries that perform CRUD operations on a CLEARDB mysql database add-on hosted on heroku. All requests were performed with HTTPS TLS encrytion to ensure the privacy protection of personal tasks or lists.
- Angular Web Framework
- Node.js Runtime Environment
MaterialUI
- TypeScript
- JavaScript
- HTML + CSS
The React front end was deployed on railway.app configured with a CICD automatic deploys connected to this repository's main branch.
This mysql2 database was implemented by integrating the heroku clearDB add-on with my spring app.
- MVC design pattern
- Restful Service Layer
- Single Page Application (SPA)
- Each List's name can be edited or deleted as desired.
- Each List's tasks can be edited or deleted as desired.
- You may add as many Lists or tasks as desired.
Each task can be crossed off to keep track of your progress and it will remember that state next time you open the app.
The sidebar can be toggled with the hamburger menu button to either full screen view on smaller devices, or to the side view on desktop. It contains all of the saved lists and highlights the current active list thats loaded.
This application is responsive to almost all viewports by using css @media selectors and more. The font-size, margins, and layout will change depending on the viewport dimensions of the device such as mobile, tablet, or desktop.