Taskmaster Pro is a time management tool that enables users to create tasks with descriptive details and deadlines. The tasks are saved in and can be deleted from the browser's Local Storage.
During my bootcamp, I was initially introduced to this project as a guided exercise. Through this project, I gained more practice writing JavaScript as well as a deeper understanding of various UX/UI concepts, such as drag and drop functionality, responsive design, and data persistence. Later in the bootcamp, I learned about Progressive Web Applications and returned to this web app to convert it into a PWA, which can be downloaded on mobile devices. The biggest challenge I faced while working on the project was fixing the service worker to function correctly on the browser, leading to the app being installable only on mobile phones (iPhone) but not on desktop computers.
To use without installing, please navigate to the deployed site by clicking this link. To install on a mobile phone, such as an iPhone follow the steps below or watch this video tutorial:
- Open Safari
- Paste this url in the address bar --> https://fdeaquino.github.io/taskmaster-pro/
- Tap the 'Share' icon
- Tap the 'Add To Home Screen' option
- Tap 'Add'
- Access the app from your home screen and enjoy the app!
- Start by clicking the 'Add Task' button
- Type in a description and choose a 'Due Date'
- Click the 'Save Task' button
- Manage your task's status by dragging and dropping to the appropriate container
- To delete a single task, drag it to the red 'Drop Here to Remove' container at the bottom of the screen
- To delete all tasks click the 'Delete All Tasks' button
