Settings

Theme

Show HN: Personal website inspired by Apple notes

alanagoyal.com

66 points by alanaan 2 years ago · 30 comments · 1 min read

Reader

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!

Zanfa 2 years ago

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.

pimlottc 2 years ago

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.

ashryan 2 years ago

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.

  • alanaanOP 2 years ago

    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!

moioci 2 years ago

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

  • alanaanOP 2 years ago

    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!

kody 2 years ago

Very cool. I appreciate the breakdown of how you built this.

  • alanaanOP 2 years ago

    thanks! just added to it about some of the perf and security changes i made after launching :)

financetechbro 2 years ago

This is really cool. Thanks for sharing!

ankrgyl 2 years ago

Cool to see the balance between UX and security. I really like the UI!

  • alanaanOP 2 years ago

    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 :)

eps 2 years ago

On an older iPad it shows up as a blank page. Just FYI.

gnicholas 2 years ago

nit: the word "accessibility" is misspelled in your acknowledgments. Looks like a cool project!

ckluis 2 years ago

I love fun projects like this.

goarchive 2 years ago

Love the unique idea!

ecjhdnc2025 2 years ago

Now you just need a typeface with the distinctive alternate lower-case A :-)

seasiden 2 years ago

cool

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection