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.
4. • 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

Contributors

1. dee-y, designed Logo & rendered various sizes for later use + Icons. #4