Task Tracker   

Name: Elizabeth Trotter

Project Scope:

This was a Time-Crunch Sprint challenge where I built out a simple task tracking app that allows you to enter tasks and track the progress. This was a desktop build that utilized vanilla JavaScript, HTML, and the Bootstrap Framework.

• Meeting the tight deadline was a challenge, but I had the opportunity to practice more with creating elements within JavaScript and working with local storage. I think this challenge was my most successful attempt for this series.

• Click 👉 here to scroll down to view other challenges in this series.

Important

This project was part of a sprint challenge series that focused on functionality first, meeting the client's requirements, and supplying a working product prior to the time-crunched deadline. There is opportunity to improve the UI & UX design and responsiveness, if desired.

Client Requirements:

• Have data saved
• Be able to add tasks with various fields:
  • Task Name
  • Task Description
  • Task Status
    • ToDo
    • In Progress
    • Complete
  • Priority Status
    • Low
    • Medium
    • High
  • Due Date
• Be able to edit tasks
• When changing status the item should move to the appropriate spot without refreshing the page
• Use creating elements
• Must use import and export
• Tested
• Desktop build for this application  

---

Time-Crunch Challenges

Sprint	Repo Name	Description
Day 1	Task Tracker	Enter tasks & track the progress
Day 2	Random Group Generator	Enter names & generate random groups
Day 3	Sorting Data	Sort in ascending & descending order in each field
Day 4	Budget App	Set a budget & add expenses

---

Desktop Preview

Figure 1: Desktop preview of tracker in action while viewing / deleting a chosen task