dremex/track-every-hour

track-every-hour's Issues

Rich timeline items

Grouped Timeline Item View

The timeline currently renders an item for each hour. This can lead to "blocks" in the timeline that consist of the same activity type and potentially the same note:

These blocks could be better represented by grouping them into one timeline item and then expanding on click to show individual hour items for each hour that makes up the block. This will allow the editing of a block with the least additional clicks possible.

I also have plans in the future to create "rich" timeline items which will allow images, text, and links acting as content for the item. Some of these will work better with one continues block.

I'd like to MVP this and use it for a few days and if I'm enjoying the block design, I'd like to add some animations for collapsing and expanding and experiment with an inline activity creation/edit flow.

"Rich" timeline items

I'd like to enhance timeline items to have a "rich" feel. Example: If I add a "gaming" item, it would be nice to easily track the game title in addition to some notes.

For simple items (gaming, reading, movies, tv, google photos) we could begin by adding an additional URL input to the add/edit activity view. When an item is rendered in the timeline, a request would be made to the URL to pull in a thumbnail of the media and render it in the content of the timeline item (possibly look at og:image or other meta tags for a quick thumbnail to grab).

Other items would be a little more sophisticated, running, for example, could link to a Strava activity and then pull back an SVG of the Strava activity path.

I'd also like to investigate allowing a "search" style input vs a raw URL. Movies, for example, we could look up movie titles against IMDB's API and reduce the amount of work required to by not having to leave the app, find the movie on IMDB, copy and paste the URL back into the app.

Smart inputs that look for common urls:

• Google Photos: Embed photo thumbnail
• Strava: Embed activity track (map) thumbnail
• Video games: Embed thumbnail of game
• TV & Movie: Embed thumbnail of media
• Goodreads: Embed thumbnail of book
• Swarm: Embed thumbnail of checkin map

Finally, there could be a catchall that looks for a URL in the notes and converts this to a "pretty" url instead of a raw URL.

Mockups:

App Theme

The current app theme is a vestige of a time when track every hour was using the iconic UI framework. I'd like to spend some time fixing up the app theme.

• Dark/Light mode
• Update activity colors to use a palette that jives with the new theme

Write Readme

Readme is currently a copy of the svelte starter app readme. Update this to be track every hour specific:

• Intro
• Basic installation
• Development

Add Prettier

Implement Prettier.

• Run a one time format to bring all files up to style guidelines
• Add a pre-commit hook that runs prettier
• Add style documentation to readme

Block doesn't expand

http://localhost:8080/timeline/2020-10-05

8pm-9pm Reel Rock 14