This is a submission for the Netlify Dynamic Site Challenge: Build with Blobs.
What I Built
Log is a mix of habit tracker, sleep log, and time keeping software. The goal is to log your life as seamlessly as possible and gain insights. You can have a snapshot of your time and see patterns. I would have wanted to do a lot more but one week is not a lot of time. I was able to implement four different types of logging methods. The app has full cloud storage using Netlify Blobs as the a sort of database. The app can work in offline mode, or even the polar opposite you can share logs with other. However this feature is untested and does not have any nice ui.
You should check it out. You can create an account to save your data to the cloud or use it locally without needing to sign up.
https://tranquil-frangollo-dde449.netlify.app/
Instructions to use
Horizontal Timeline view - shows a timeline of the past day for a certain activity. Click play when you start doing the activity and pause then you stop. A section wall appear on the timeline overtime
Vertical Zig Zag Timeline view - like a horizontal timeline but shows a lot more time. Lots of little vertical sections each shows a day. Click play when you start doing the activity and pause then you stop. This can be useful for something like sleep, to see patterns over time and compare day to day
Dots Timeline view - a timeline of the past day that shows a dot every time you click the check mark
Checkmark Timeline view - shows a checkmark per day. Click a checkmark to toggle it
Gear Icons - on the side of each view is a gear that opens settings for the view
More info
This was built using Create T3 from which I used NextJS, tRPC, and tailwindcss. Clerk does auth. And Netlify for the server hosting. To participate in the challenge I used Netlify's Blobs as simple key value store. And all server saving uses Netlify's Blobs.
The db code I wrote is an utter mess. It became overwhelmingly complicated by the end and I wouldn't be surprised to find countless bugs. I got it sort of working in the end tho. :)
There may be some bugs with server client syncing and there's no guarantee this will stay up forever.
Anyway it was super fun making this.
and here is the source code if you are interested...
https://github.com/codec-xyz/log_netlify_challenge
Top comments (1)
This has real potential to be a really cool app! Well done!