Skip to content

Focused Task management app that aims to be quick to use, low pressure and easy to pick up

Notifications You must be signed in to change notification settings

PLyn/focus-task

Repository files navigation

Focus Task

Focused Task management app that aims to be quick to use, low pressure and easy to pick up.

Made using NextJS 13, ReactJS 18, TailwindCSS, ShadCN UI library, Supabase and Typescript.

Try the app out

Try it out here!

Why yet another todo app?

I started this project to reinforce or try out concepts I was learning at the time like how to use react query caching and data-fetching or how to use react Hook forms and so on. Then it slowly turned into this project with no pre-planning or design so things were kinda figured out as I went along.

Functions of the App

  • Active task Page where nothing else will be on the page for distraction reasons
  • Manage Task Page where you can add, edit, view or delete tasks.
    • Tasks can be grouped, sorted and ordered however you like.
  • Settings page to change default values for new task and change email and/or password
  • Random Cat picture on task completion. I love Cats.
  • Account system to keep task information saved in Supabase database no matter what device used.

Things I want to add in the future

  • Zod form validation
  • Better themes and proper Dark mode theme
  • Reports page to show stats on how fast tasks were completed, how much were completed each day etc.
  • ...More to come as I think of it.

About

Focused Task management app that aims to be quick to use, low pressure and easy to pick up

Topics

Resources

Stars

Watchers

Forks