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.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
public
src
.gitignore
LICENSE
README.md
package.json
yarn.lock

README.md

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.
  4. Achievement system.
    • Progressive and adaptive, more achievements unlocked per day on task completion or addition of tasks. Difficult
  5. Customize option
    • Themes
    • Import/Export options.
    • Unique tasks/day setup (toggle-able)
  6. Responsiveness
    • Fix responsiveness inside the task container.
    • Sidebar, reduce icon size?
  7. ...

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