Trying out the PETAL stack

I’ve been meaning to learn some web development stack for a while. I’ve done backend stuff so far, and I really wanted some final product in a nice paradigm.

After I learned about the PETAL stack (Phoenix, Elixir, Tailwind, Alpine, LiveView) I settled on it. A few tutorials after, I was caught by its simplicity and almost elegance, so here’s my post of a web with the PETAL stack, both as self-reference and as a potential help for others.

My ideal project is a band ad website, basically: musician searches band, band search musicians, etc. Each band/musician will have a profile, and there will be a list of musicians so scroll.

Other nice to haves for the future would be:

• Search by location (minimum)
• Search by other filters (age, for example, genre, or other data of interest).
• In the profile: genre tags, photo, experience, mail and phone.
• In the profile, but more complicated: testimonials from other musicians, an “others” section with equipement, the possibility of “booking” a test session with a band or another musician. Anyway, those kind of things. I think it’s feasible and easy.

Nice technical to haves would be:

• Containeirize the page
• Add, maybe, pagination.

I started building it: follow updates here