A Personal website project using vibe coding

GenAI and vibe coding have taken over most of the industry.

So, just out of FOMO, I decided to do a hands-on project and try out how an end-to-end website (with extremely fine control) can be created without writing a single line of code.

Right from design to code to deployments, everything is done by just prompting the AI models and using the tools available

---

Ideation

• Started with collecting inspiration from multiple blogs/personal sites from framer / random websites I knew / pinterest
• Uploaded my personal logo (created long back) + screenshots from the inspirations and asked ChatGPT to create designs for the landing page, blog page, etc using the desired theme and style -- and asked to define a design system
• Used the design system and asked ChatGPT to create a detailed step-by-step prompt to be used in v0 (website generation tool by Vercel), along with the theme and global UI system parameters.
• Used v0 and the prompt from ChatGPT to start with the website generation. After a few refinements, the tokens of v0 got exhausted
• Connected to github and then it was time for Gemini (Antigravity) to take over and get the project to the finish line