Vibe coding
Time spend: 2 hours
Animal Rescue website.
This MVP project was born out of a need to explore and better understand vibe coding platforms, how to build and launch websites faster, and iterate quickly. The main goal was to move independently, without relying on a large team, while advancing my knowledge and skills in AI and front-end fundamentals. I was already familiar with Lovable, but I was looking for a more robust and flexible platform for deeper experimentation.
AI toolkit.
GPT-3.5
Lovable
Supabase
21st
Midjourney
The process.
Detailed writing of prompt to generate an interface using Lovable.
Refined the UI through additional prompts and integrated widgets from 21st.dev, incorporating UX/UI principles.
Connected the project to Supabase to build the database and conducted performance testing.
Fix key visual and responsive issues.
Integration with Mercado Pago to enable donations.
Refactoring index structure.
Tested the site with friends, family, and colleagues.
Pending: purchase domain and launch.
Prompt details.
I want to build a socially impactful website focused on rescuing and rehoming animals, with the goal of becoming a self-sustaining initiative.
## Core functionalities needed:
Catalog of animals available for adoption
Adoption form with automatic validation
Button to report animals in danger or abandoned
Donation system
Virtual sponsorship option
…
Interface details.
Animals for adoption
Animal detail
Adoption form
What I learned.
Launching a website has never been this simple!
In just 2 hours, I built and deployed a fully functional site using only my skills, no dev handoff needed. Sure, there's explore more, but it's amazing what we need whit this powerful tools. 👉 Just take a look here
Impactful products faster and polish than today