I Tried Vibe Coding for the First Time  And Built a Real Stock App

I had no idea what "vibe coding" was 😜!

That's honestly where this story starts. I kept seeing the term pop up and I had zero clue what it meant. So I did what anyone does  I searched YouTube. I found a video called Vibe Coding Full Course for Beginners by Naman Gupta (9.43k subscribers at the time), and decided to just follow along and figure it out.

So What Even Is Vibe Coding? 😏

Once I started watching, it actually made sense. Vibe coding is basically describing what you want to build in plain language and letting AI do the heavy lifting. You're not writing syntax line by line. You're describing your idea, your vibe and the AI turns it into a working app.

And I thought  okay, let me actually try this. 😎💪

My First Build: A Live Stock Price App 💸🤑

I wanted to test something real. Not a to-do list, not a counter app. Something that actually pulls live data and does something useful.

So I typed this prompt:

"Can you build an app for me that gives me the stock price and related financial information about a company when I enter a stock symbol. I don't want to have to give you anything external like an API key and I don't want you to use mock data — make the data accurate."

What came back genuinely surprised me.

It built a Yahoo Finance data app — completely functional. I could enter any ticker symbol (AAPL, MSFT, ^GSPC, whatever) and it would show me:

  • Live price
  • Day range and 52-week range
  • Volume
  • A 6-month price chart

And it pulled all of this live from Yahoo Finance via a server function , no API key required.




Then I Changed the Theme 💥

The first version worked perfectly but it looked very plain - white background, basic styling. Not the vibe I wanted for a finance app.

So I just asked:

"Can you make the theme a sleek dark financial theme?"

And just like that, it became something I actually wanted to look at:

  • Deep navy background with a subtle radial gradient
  • Amber primary accent color
  • Monospace typography (feels very Bloomberg terminal)
  • Uppercase tracked labels
  • Glowing call-to-action button
  • Emerald and red change badges with ▲▼ arrows

It went from a plain white form to something that looked like a real financial dashboard.



The Moment That Got Me ✌😇

I opened the app and I typed in a ticker and looked at the number it gave me.

Then I opened a browser tab and checked the same stock.

The numbers matched.

That was the moment. It wasn't mock data. It wasn't fake. It was pulling real, live stock information and displaying it in an app I had just described in plain English  using Lovable.

I even recorded a short video of it working.








Where I'm At Now 💗



I'm still at the very beginning. I've built one app. I'm still learning what's possible.

But I'm already hooked. The gap between "I have an idea" and "I have a working app" just got a lot smaller. You don't need to know how to code to start building things that actually work.

And honestly❓That's kind of wild.😝

If you're curious about vibe coding, go watch Naman's beginner course on YouTube and just try building one thing. Start with something you actually want to use. See what happens.

I'll keep writing about this as I go.

This is blog #5 in my series where I document things I'm learning as I go.

Comments

Post a Comment

Popular posts from this blog

Nervous, Excited, and Proud — My pfSense Configuration Journey

Image
  My pf Sense Configuration Journey    .🖉 When my lecturer told us we would be setting up a firewall using pfSense, I honestly had no idea what I was getting into. This is the story of how I went from zero experience to successfully logging into a pfSense dashboard and everything that went wrong (and right) along the wa y. Starting Fresh: VMware for the First Time The first thing I had to do was set up a virtual machine environment. I had heard about VMware before, but I had never actually used it. My go-to had always been VirtualBox so even before I touched pfSense, I was already stepping into unfamiliar territory. Installing VMware was a new experience on its own. The interface looked different from what I was used to, and I had to take some time to get comfortable with how it worked. It was a small hurdle, but it reminded me that in this module, almost everything would be new. Installing pfSense: More Steps Than I Expected Once VMware was ready, it was time to...
Read more

NetWithHiru-Blog-Series-01

Image
  My First Networking Project: Connecting Accounts and Delivery Departments Introduction This project focuses on the design and implementation of an inter-departmental network using Cisco Packet Tracer. The network connects two departments, Accounts and Delivery, ensuring efficient communication through proper IP addressing and routing configurations. The project demonstrates fundamental networking concepts such as subnetting, device configuration, and connectivity testing in a simulated environment. Objectives To design a simple network connecting the Accounts and Delivery departments To configure IP addresses, subnet masks, and default gateways using the 192.168.40.0 network To implement routing between two different networks using a router To connect all devices using appropriate network cables To verify network connectivity between departments using the ping command To gain practical experience in using Cisco Packet Tracer for network s...
Read more

Ethical Hacking Journey

Image
Blog #3 - I Installed Kali Linux Before My Lecturer Even Mentioned It One big reason I got into this path is Wenura Mendis sir and his streaming channel Vibernet Sreaming . Watching his content opened my eyes to the world of ethical hacking and cybersecurity in a way that felt real and practical not just theory. It inspired me to stop watching and start doing. So when I enrolled in the Cisco Networking Academy Ethical Hacking course, I didn't want to just follow along in class. I wanted to get my hands dirty before anyone told me to. That's where this whole Kali Linux journey began. "I didn't wait to be taught. I broke things, fixed them, broke them again - and learned more than any classroom could have given me in a single week." If you've been following my blog series, you already know I don't wait around. The moment I enrolled in the Cisco Networking Academy Ethical Hacking course, I knew I needed Kali Linux on my machine. Not next week. Not when ...
Read more