Skip to content

Latest commit

 

History

History
36 lines (16 loc) · 1.59 KB

File metadata and controls

36 lines (16 loc) · 1.59 KB

Project Tracker

Description

This web application allows users to keep track of their projects by allowing them to enter and display their project information, which is stored in the browser's local storage until deleted. Building this project showed me how the use of third-party APIs like jQuery, Bootstrap and DayJs can boost productivity and speed up development.

Installation

N/A

Usage

To use this webpage, you can view the current date in the webpage header. To add a new project, read the Instructions and click on the "Add Project" button under the Instructions Card. A modal containing a form pops up on click. Complete the form and click on the "Add Project" button in the modal. Click "Cancel" if you want to exit the modal. On clicking the "Add Porject" button, the project information is displayed on the webpage and stored in the browser's local storage. Projects with a light-red backgrounds are past due while projects with light-yellow are due on the current date. To delete a project, click on the "X" button to the right of each project and this will remove the project from the webpage as well as the browser's local storage.

The following image shows the web application's appearance and functionality:

The Workday Scheduler webpage includes a header image, nine timeblocks shwoing the standard business hours (9am to 5pm) at the middle of the page, and blue save buttons to the right of each timeblock.

Credits

N/A

License

N/A

Tests

Here is the link to the webpage: Project Tracker