Welcome to Pulse 360°
A Vibe Coding Project by a Non-Coder
Hey there,
For years, I've had ideas for apps and websites—some brilliant, some questionable, all of them just out of reach. Why? Because I never had the attention span (or, let's be honest, the patience) to sit down and actually learn to code. I'd dabble in PowerShell, tinker with batch files, and then get distracted by something shiny (or a snack).
Then along came Vibe Coding. Suddenly, building something real didn't mean memorizing syntax or debugging for hours. It meant describing what I wanted, letting an AI do the heavy lifting, and poking it until it worked. The rest, as they say, is history—and this site is the proof.
How This Site Was Made (No Magic, Just Prompts)
- Stack: Next.js 15 App Router, React, TypeScript, Tailwind, Shadcn UI, Radix UI, Viem, Wagmi, and a parade of SVGs.
- Design: Modern, mobile-first, and accessibility-friendly. If it looks weird on your phone, blame the AI (or me).
- Development: 100% prompt-driven. I described what I wanted, the AI wrote the code, and I poked it until it worked. No Stack Overflow rabbit holes required.
If You Want to Build Something Like This…
Here are the kinds of prompts that worked best for each part of the site:
- Landing Page & Navbar:
"Create a modern Next.js landing page with a sticky navbar, logo, and responsive design. Use Tailwind and Shadcn UI."
- Product Filters & Cards:
"Show a grid of product cards with SVG icons, filterable by product. Make it mobile-friendly and accessible."
- Azure Updates & News:
"Fetch and display Azure updates from an API. Use infinite scroll, search, and filter by product. Style with Tailwind."
- Detail Views:
"Add a detail page for each update with a back arrow, date, and all the tags. Keep the layout clean."
- SVG Icon Consistency:
"Map product names to SVG icons. Use the right icon everywhere, even in filters and cards."
- Accessibility & Polish:
"Make sure all buttons are accessible, keyboard-friendly, and have focus states. Add tooltips and ARIA labels."
- About Page (this one!):
"Write a fun, modern about page styled like a welcome email. Explain the project, the stack, and how prompts drove the build. Make it entertaining but concise."
Lessons Learned
- AI is a great coding partner, but it's not psychic. Be specific, be patient, and don't be afraid to say, "No, do it again."
- Modern frameworks are powerful, but you don't need to know everything to get started. Just start.
- Debugging is 80% of the job. The other 20% is asking, "Why is there a horizontal scrollbar?"
- Every bug is a learning opportunity. Or a reason to take a coffee break.
Thanks for visiting! If you have feedback, ideas, or just want to say hi, hit the About icon in the navbar or email me. Happy Vibe Coding!