TheLastGarageKid

There are many things I still need to take care of. I’ve learned an important lesson about SSR vs. CSR in React while working on single-page apps without a backend in shared hosting environments. I’ll need to find solutions and maintain my projects so they can be properly indexed by Google. This will also be a good opportunity to learn some SEO best practices.

This is the content of the README, extracted from my GitHub Wiki. It contains new things I’ve learned along the way.

Yo can find the link under the Thelastgaragekid menu, or if you prefer you can read it as it come directly from the repo.

Link: Wiki-Extract Repo

It's still incomplete, I need to write more about what I’ve learned so far, as well as useful things I’ve found. Any future changes or additions will reflect my current mindset. Everything will still be readable directly from the README file in the repo.

I also wanted to test how to use GitHub endpoints, since my idea for a social network is related to GitHub itself. We’ll see if it’s applicable.

Added a New Section to keep track of my todos in general.

So I can keep strack of changes and improvments, as I learn more and more I wanna keep track of things done before and after.

Added some of the main technologies that we can use to build web applications.

Laravel, react, node, etc..

What is this project about or how did it start?

I continue practicing React and learning how a Laravel backend works. This is a simple collaborative to-do list: you create a list and share it with someone via WhatsApp. Complete tasks on your own or with family and friends, the list expires after 24 hours.

You don’t need to register; just generate a list and share it.

I thought it could be useful not only for practice, but also for personal tasks. For example, sometimes my wife and I buy groceries and we go back and forth, so this is an easy way to track what we bought or did during the day.

Link: flashlist.com.ar

What I've used for this project?

• React (Link)
• TypeScript (Link)
• Laravel (Link)
• PrimeReact: Component library (Link)

Github Repo: flashlist frontend, flashlist Backend

Some tools, librarys, extensions, I'm using and Id like to have links for. Sometimes you need to reinstall things, update, read docs, etc. It's nice to know what you're using, especially when you get so used to them that you forget about them. The list is incomplete I'll be adding the rest later and probably it will expand in a near future.

What is this project about or how did it start?

This project is all about kids birthday cards, you pick a template, edit and send, or you totally customize it. You don't need to be an expert but just take a few minutes and read.

You dont need to registry just generate a link and share it. The web is spanish and english, it changes language depending on your browsers language.

I was practicing context, and I had to do a card for my sons birthday. So I ended up doing a small project, basically a main layout that picks all the choises and while you build it you see the result next to the builder.

Link: tarjetagratis.com

What I've used for this project?

• React (Link)
• TypeScript (Link)
• Laravel (Link)
• PrimeReact: Component library (Link)
• Animate.css: Text animations (Link)
• 3D Card Effect: Inspired by the WebDev Diaries - Bird Hover Effect video (Video)
• Fonts: All from Google Fonts (Link)
• Images and backgrounds: Generated with Google AI Studio (Link)

Github Repo: tarjetagratis

I think this is more like re-launch. I'm still working on this project, but I created it two months ago, added the date has today because today I launched TheLastGarageKid.com

Here we go again..

I'll be uploading my indie projects, stuff that I like, maybe some resources, tutorials, or whatever this will grow slowly and I don't want to rush it. Just let it be. Ill just launch it as it is, else I never do it.