Simple Reminders

Simple Reminders

20 devlogs
21h 8m
•  Ship certified
Created by Nathan Yin

Simple Reminders is a web app that helps you easily remember the things you need to do. You can also install it as a Progressive Web App (PWA), so it works just like a native app on your device.

Timeline

Tested everything

Update attachment

Ship 1

1 payout of shell 476.0 shells

Nathan Yin

about 1 month ago

Nathan Yin Covers 19 devlogs and 20h 48m

New logo and About page, looks much nicer now! TODO: fix dark mode icon logic (it currently only changes the icon when you click About twice...)

Update attachment

Added PWA support for the app, this allows users to use the app offline and with a native app feeling. Todo: make icons and HackClub icon local, this enables the app to be truly offline usable.

Update attachment

Add placeholder to reminders input area, implement clearEntry function for user to clear reminder drafts easier

Update attachment

Slightly altered buttons labels, titles, etc. Added more buttons to the new reminders section

Update attachment

Made input field bigger, broke button position.

Update attachment

Redesigned CSS for the reminder list, added a checkmark to mark as complete :)

Update attachment

Added Chinese font support

Update attachment

Added a toggle button to change color themes. CSS will be better later on. More color modes will also be out soon (e.g color blind friendly, high contrast)

Update attachment

Darkmode yeeee!!!!

Update attachment

Added the list to show reminders!
TODO: Fix reminders doesn't show after reloads

Update attachment

Added basic logic for reminders. Now when you type in your reminder it will be stored in localStorage. TODO: Create displays for newly created reminders

Update attachment

Last post for today: Added time selection (TODO) and new theme-matching icon!

Update attachment

Simple Text Reminders Platform FINALLY supports reminders!

Update attachment

Added a Hackclub logo :)
Added data and privacy options

Update attachment

Added the popup window for 'Profile' page and 'About' page, also implemented the JavaScript to toggle visibility.
Known bugs:
- User being able to scroll thru elements blocked by the helper background

Update attachment

Got the basic textbox done! Next step: Add new reminders button. Add push notifications and finally add multimedia upload option!

Update attachment

Added nav bar buttons and fancy icons :)

Update attachment

Image: Me testing DQTTP - Dynamic QR Code Text Transfer Protocol.

I mainly focused on how to transfer reminders data between devices without using a server or downloading any files. So I came up with a protocol called DQTTP - Dynamic QR Code Text Transfer Protocol.
Basically a video of many QR codes switching at 10fps will be played in front of the receiver's phone camera. Each QR code will encode a small chunk of data and a sequence number. Then at the receiver's end the chunks of data will be put together following the sequencing number.
However this data transfer protocol has high packet loss rates, therefor a checksum will be needed.
( P.S I managed to transfer the whole HackClub Wikipedia page! )

Update attachment
Nathan Yin Nathan Yin 2 months ago
Ahh, Hackatime broken again…

Made the container for the navigation bar and added the project name and today's date (using Date() in JavaScript), next I am going to start to make the reminders logic and data storage.
P.S Hackatime seems to be broken a bit. I logged 1h 39m but it only shows 3mins 11s on devlog...

Update attachment