Angular
TailwindCSS
NgRx
Jest
Cypress
May 2024
Task Manager
Task Manager is a web application for managing tasks and boards. It allows users to create, edit, and delete tasks, as well as organize them into boards. In addition, users can drag and drop tasks between the different columns of the board to change their status.
Objective
The main objective of this project was to develop a web application applying TDD (Test Driven Development) and using NgRx for managing the application state. Jest has been used for unit testing and Cypress for integration testing.
Features
- Home: Shows the different boards available to the user.
- Board management: Allows the user to create, edit, and delete boards.
- Task management: Allows the user to create, edit, and delete tasks.
- Board detail: Shows the tasks of a board organized into columns according to their status.
- Drag & Drop tasks: Allows the user to drag and drop tasks between the different columns of the board to change their status.
- Drag & Drop columns: Allows the user to drag and drop the columns of the board to change their order.
- Manage tags: Allows the user to add and remove tags to tasks to categorize them.
- File upload: Allows the user to upload images to add them to tasks.
- Theme change: Allows the user to switch between light and dark mode.
- Responsive design: It has a responsive design for mobiles, tablets, and computers.