/Trail

Trail is a personal, open-source project developed using ReactJS which is intended to track your task completion at a given time, creating a collection of logs by the end of the day for you to be proud of.

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

Trail

Trail is a personal, open-source project developed using ReactJS which is intended to track your task completion at a given time, creating a collection of logs by the end of the day for you to be proud of.

Demo:

  1. Github Pages
  2. Personal

Remaining Task(s)

  1. Button functionalities for our task entry/entries.
    • Delete task
    • Complete task
      • Marks as complete.
        • Log the completion timestamp, displayed on hover on Completed tag.
    • Edit task
  2. Storing our tasks.
    • Store our tasks in localStorage. I'll probably use this permanently as I have JSON Import/Export functionality planned. (Remote storage, possible.)
    • Import and Export functionalities.
      • Exporting our Tasks with a filename of current date. (Example: 2018-06-01.json)
      • Importing a pre-exported Tasks file (.json)
        • Create drag & drop option?
        • Parse through our .json file and set our Tasks.
        • Update localStorage.
  3. Reset all Tasks.
    • Reset localStorage.
    • Reset state.
    • Count total tasks in each categories and display it.
  5. Achievement system.
    • Progressive and adaptive, more achievements unlocked per day on task completion or addition of tasks. Difficult
  6. Customize option
    • Themes
    • Import/Export options.
    • Unique tasks/day setup (toggle-able)
  7. Responsiveness
    • Fix responsiveness inside the task container.
    • Sidebar, reduce icon size?
  8. ...

Libraries used

  1. Ant Design's React UI library

Contents used

  1. Icons8 icons

Tools used

  1. Visual Studio Code
  2. VIM
  3. Yarn
  4. gh-pages module