Hacker News new | ask | show | jobs
Show HN: Personal website inspired by Apple notes (alanagoyal.com)
66 points by alanaan 710 days ago
i stan apple notes, so i built a new personal website to look, feel, & work just like it. it's fast, fully interactive, & can be navigated entirely via keyboard shortcuts. it was a lot of fun to build. i wrote more about the implementation in the linked page.

check it out!

13 comments

Looks nice, but scrolling is buggy on iOS Safari. There seems to be a nested scrollable area which doesn’t scroll properly when flinging up or down.
thank you! fixed this :)
I tried to click on the gear icon, thinking it was settings menu. It's not very clear that it's an icon associated with the post.
good call - any ideas how to make that more clear? there is a tooltip on desktop but not mobile
Why not move it to the left of the title, just like in the sidebar?
How delightful!
good idea - playing around with it now!
This is really cool. I didn't expect to be able to make my own note.

I wondered what your top page would be, and it seems to redirect to /about-me. Did you try any other ideas for a top page? I guess that's an interesting problem since the Notes app doesn't have a top page.

yeah it just redirects to the first note. i thought about having a welcome page but it took away from the apple notes feel. open to suggestions tho!
I see a flash of white text on a dark background, then "Application error: a client-side exception has occurred (see the browser console for more information)." in black on the same very dark background. Chrome on Win 10
this is probably happening if you're viewing a note that has been deleted. since i had 10000+ notes created on the day it launched i set up a pg_cron batch to delete empty notes that are >30 min old.

if not, can you share the url you're seeing it on? thanks for letting me know!

i added better error handling for this :)

https://www.alanagoyal.com/error

Very cool. I appreciate the breakdown of how you built this.
thanks! just added to it about some of the perf and security changes i made after launching :)
This is really cool. Thanks for sharing!
Cool to see the balance between UX and security. I really like the UI!
thanks! i wanted anyone to be able to create notes and be able to share them with others, so tried to come up with the most secure way to accomplish that :)
On an older iPad it shows up as a blank page. Just FYI.
oh no! looking into this. are you just on safari??
Yep. iOS 14 though >_<
nit: the word "accessibility" is misspelled in your acknowledgments. Looks like a cool project!
:face_palm: thank you!
I love fun projects like this.
<3
Love the unique idea!
Now you just need a typeface with the distinctive alternate lower-case A :-)
cool