https://github.com/fdeaquino/taskmaster-pro
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. Downloadable PWA.
https://github.com/fdeaquino/taskmaster-pro
bootstrap css html javascript jquery
Last synced: 4 months ago
JSON representation
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. Downloadable PWA.
- Host: GitHub
- URL: https://github.com/fdeaquino/taskmaster-pro
- Owner: fdeaquino
- Created: 2022-09-06T19:32:06.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-02T16:42:03.000Z (over 2 years ago)
- Last Synced: 2024-12-28T16:31:50.468Z (6 months ago)
- Topics: bootstrap, css, html, javascript, jquery
- Language: JavaScript
- Homepage: https://fdeaquino.github.io/taskmaster-pro/
- Size: 732 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Taskmaster Pro
## Description
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.
## Table of Contents
- [Installation](#installation)
- [Usage](#usage)
- [Screenshot](#screenshot)
- [Video Tutorial](#video-tutorial)
## Installation
To use without installing, please navigate to the deployed site by [clicking this link](https://fdeaquino.github.io/taskmaster-pro/).
To install on a mobile phone, such as an iPhone follow the steps below or watch [this video tutorial](https://drive.google.com/file/d/196OsR9x3Slc319OiUJagjtZgm-bJSv0r/view?usp=sharing):
1. Open Safari
1. Paste this url in the address bar --> https://fdeaquino.github.io/taskmaster-pro/
1. Tap the 'Share' icon
1. Tap the 'Add To Home Screen' option
1. Tap 'Add'
1. Access the app from your home screen and enjoy the app!
## Usage
1. Start by clicking the 'Add Task' button
1. Type in a description and choose a 'Due Date'
1. Click the 'Save Task' button
1. Manage your task's status by dragging and dropping to the appropriate container
1. To delete a single task, drag it to the red 'Drop Here to Remove' container at the bottom of the screen
1. To delete all tasks click the 'Delete All Tasks' button
## Screenshot
## Video Tutorial
- [Desktop browser](https://drive.google.com/file/d/1aBh8lekqWMWg5w3Z6oFGRv9XkGY7zrKh/view?usp=sharing)
- [Mobile - Progressive Web Application](https://drive.google.com/file/d/196OsR9x3Slc319OiUJagjtZgm-bJSv0r/view?usp=sharing)