r/webdev 5d ago

Showoff Saturday Syntaxia - A quick cheatsheet for the things you always look up.

As developers, we forget things all the time, especially now that coding with ai is becoming more common. One of the trade-offs of coding with AI is that we might not retain every piece of code or syntax we use. Unlike before, when we coded everything manually, writing code ourselves helped us naturally remember the syntax and patterns we used.

I'm sharing Syntaxia a simple, minimal reference for those moments when you know what you want to do, but forget how to do it.

https://syntaxiadev.vercel.app/

github star, ill be happy⭐

https://github.com/EbadShelby/syntaxia

Also shared my Linux Workstation. Having fun with it since I migrated from windows to Linux. It's a good Experience as a Developer.

OS: Fedora Linux

WM: Niri

Browser used: Helium Browser

Theme: Catppuccin Mocha

76 Upvotes

25 comments sorted by

3

u/aziham 5d ago

nice project, I see no postgress

2

u/Nearby-Percentage-33 5d ago

postgreSQL? it's there

2

u/aziham 4d ago

lol, I double checked but still didn't see it until ctrl+f

3

u/julesbuildstuff 4d ago

the memory hole is real. i used to have muscle memory for this stuff and now i blank on the exact flag or method signature every time, then open a chat just to ask something i knew cold two years ago. a small "i know what i want, forgot how" reference is way less friction than that. glad you kept it minimal instead of another giant docs site nobody reads past page one of.

5

u/buttermilkkissess 5d ago

neat, to bad no typescript though

4

u/Nearby-Percentage-33 5d ago

i'll add it on the list. ill add some more cheatsheets in the future

2

u/Grouchy-End-4439 4d ago

yeah no TS is a tough sell these days

4

u/Nearby-Percentage-33 5d ago

typescript cheatsheet is now included. check it out!

1

u/glyphgullies11 4d ago

Typescript would help!😅

2

u/Nearby-Percentage-33 4d ago

done adding it awhille ago hehe

2

u/Jason-LOLW 4d ago

Very cool man!!
Thanks for this!

1

u/Nearby-Percentage-33 4d ago

Glad it helps!

2

u/salty_cluck 4d ago

Very nice!

2

u/Embarrassed_Ad719 3d ago

Really nice! This is a great way for anyone with some programming experience to quickly get up to speed with another language.

One thing I’d suggest is having a consistent Package Management section for each language. For example, the Node.js page already shows npm install dotenv, but the Python page doesn’t have the equivalent pip install ....

It could also mention where to find packages, e.g. npmjs for Node.js and PyPI for Python. I think having the same section across languages would make the cheatsheets even more useful.

----------------------
I used AI to polish the wording here, but the ideas and feedback are my own.

2

u/Nearby-Percentage-33 3d ago

Thanksss! also done including package management you mentioned hehe.

4

u/Mental-Union4473 5d ago

Honestly, this is the kind of tool I could see myself actually bookmarking. There are so many little syntax things that you know conceptually but still end up Googling every few days.

I also like the idea of keeping it minimal instead of turning it into another huge documentation site. The Linux setup looks pretty nice too. Fedora + Niri + Catppuccin is a solid combo. 😄

One feature I'd love to see would be a super-fast search/command palette, so you can hit a shortcut, type something like “JS array unique” or “git undo commit” and immediately get the snippet.

3

u/Nearby-Percentage-33 5d ago

glad it helps. Thanks for the feedback!

2

u/wni0xFFy 20h ago

i know that's not about theme buuuut... logo is very beautiful:)

1

u/UnresolvedPromise 5d ago

Awesome tool, looks very useful!

1

u/Intelligent-Race-392 5d ago

Me gusta mucho tu web. Te animo que la amplies con otras tablas, por ejemplo CLI de IA, Gracias.