← Back to Blog

FocusTask Project - Personal Project Overview

What Is FocusTask?

FocusTask, while just a name for my first coding project, is a simple to-do list app that has expanded into a minimal but efficient to-do list, tracking users’ tasks and letting them add a due date and priority level which gives the task a colour code.

As someone who wasn’t previously that organised, and who liked to make little to-do lists of the tasks I had to complete in my personal and work life, I found myself wanting to add more features and expand this project - both for my portfolio and potentially beyond.

Key Features

My goal originally was to learn the basics - just having users input and delete tasks, and saving user input through localStorage. However, as time went on, I started thinking about unused space in the layout and other features that could be added to expand the overall use of the application.

  • Local storage implementation - allowing tasks to be saved and viewed at a later time, even if the application was closed
  • Due date feature - shows the date a task is due; I want to eventually include a countdown (example: 3 days until due)
  • Minimal coloured user interface

What I Learned

What I learned while creating this project:

  • CSS styling - CTA buttons, fonts, colour coding
  • CRUD - create, read, update, delete: users create new tasks, read (view) existing tasks, update (edit or mark as complete) items, and delete tasks to remove them from the list
  • localStorage to save user input (tasks)

What I Want to Improve with the App

The features I want to improve and add:

  • A days-until-due counter instead of just a set date
  • API integration allowing users to sign in and sync dates to Google Calendar or Microsoft Calendar
  • Expand on CSS styling
  • JS script - a script that collects missed tasks that are past their due date and not deleted into a separate section (Missed Tasks), allowing users to change the due date, delete the task, or reflect on their own time management

Conclusion

To conclude this post, my aim is to build a minimalist but efficient to-do list for all users, general and professional, helping balance personal and work life without too many confusing features or an oversaturated user interface.