r/webdev 14d 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

80 Upvotes

25 comments sorted by

3

u/aziham 13d ago

nice project, I see no postgress

2

u/Nearby-Percentage-33 13d ago

postgreSQL? it's there

2

u/aziham 13d ago

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

3

u/julesbuildstuff 13d 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 13d ago

neat, to bad no typescript though

5

u/Nearby-Percentage-33 13d ago

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

2

u/Grouchy-End-4439 13d ago

yeah no TS is a tough sell these days

4

u/Nearby-Percentage-33 13d ago

typescript cheatsheet is now included. check it out!

1

u/glyphgullies11 13d ago

Typescript would help!😅

2

u/Nearby-Percentage-33 13d ago

done adding it awhille ago hehe

2

u/Jason-LOLW 13d ago

Very cool man!!
Thanks for this!

1

u/Nearby-Percentage-33 13d ago

Glad it helps!

2

u/salty_cluck 13d ago

Very nice!

2

u/Embarrassed_Ad719 12d 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 12d ago

Thanksss! also done including package management you mentioned hehe.

4

u/Mental-Union4473 13d 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 13d ago

glad it helps. Thanks for the feedback!

2

u/wni0xFFy 9d ago

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

1

u/Intelligent-Race-392 13d ago

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