Notepane banner

Notepane

13 devlogs
33h 24m 56s

An alternative note taking app that allows you to easily take notes and share them to the public.

This project uses AI

I used chatgpt/perplexity to help me debug some issues, but not full outright write entire chunks of code.

Demo Repository

Loading README...

danny

I added a way to filter specific notes that have special attributes to them

Attachment
0
danny

I made notepane more cross compatible with docker or vercel deployments. This is due to the adapter it uses which generates different build files

I also made a bunch of nice changes to the singular pane urls that only display one note for a unique url. It can now show metadata of the text to allow previewing on other social media platforms (like discord). The size is also defaulted to a bit bigger

Attachment
0
danny

My original check to see whether if the import was a google keep or a notepane export was unsafe, so i made it safe so it doesn’t crash

Attachment
0
danny

I transitioned from railway to a supabase and vercel stack for my public version of notepane, and also added a way to import notepane exports for infinite recursion.

Attachment
0
danny

Shipped this project!

Hours: 28.12
Cookies: 🍪 339
Multiplier: 12.05 cookies/hr

I built a note taking app that is an alternative to google keeps. Not only is it better, but also is able to share notes through urls. I learned so many things like creating my own Docker apps which I’ve only used (self-hosting media servers/etc) but never made fully. It is based on svelte/postgres and can backup the database every 24 hours. Super proud that it can run all of these services with just one command. docker compose up

danny

I fixed my dockerfile and compose.yaml to actually build production correctly, and also added a database backup feature. It can now run on my raspberry pi!!!

Apart from a bunch of docker stuff, i also added mobile support which was a little complicated as it also touched on some js stuff. (resizing etc)

Attachment
Attachment
0
danny

I added a super important feature to import my notes from google keeps. It should keep all the contents of the notes as well as its creation and modification date.

Attachment
0
danny

I added the essential dark mode, it uses tailwind’s dark: and css vars to achieve this

Attachment
0
danny

I added a navbar that allows easy navigation to pages and logging in and out. Also a bunch of css too

Attachment
0
danny

I standardized my endpoints to return the right http codes, and i finally started working on css!!!

Attachment
0
danny

Finally, I added the last “pinned” attribute to notes and put a simple ratelimit to stop bruteforce attacks on endpoints

I can now work on css woohoo

Attachment
0
danny

I added pretty much all the rest of the endpoints and the modify panel. Its a bunch of postgres hood stuff and type checking and parsing to make sure everything is good

still not ready for css lol

Attachment
0
danny

I added postgres stuff with the endpoints needed for my frontend to communicate to. super solid.

still not ready for css yet

Attachment
0
danny

I added the auth endpoints to authenticate logins and page access for /notes which is private

Attachment
1

Comments

46009361
46009361 2 months ago

Today I learned 5173 means VITE (5 = V in Roman numerals, 1=I,7=T,3=E)!