Sundays are for Vibe Coding with Lovable

-


 This iconic graphic mark cleverly morphs a traditional heart symbol into a subtle "L" for Lovable.

 

Lovable has heavily popularized the concept of "vibe coding" and this Sunday morning I decided it was finally time to try it for myself.

I fought off the doomscrolling demons and searched YouTube for an hour-long Lovable tutorial. This is something I'd wanted to do since a free DataCamp session about it a month ago, but life kept getting in the way: work, travel, chores. 

That's also why I haven't posted since May 31st!

But today, I'm bringing you my first published vibe-coded landing page: a site for a fictitious space exploration company I lovingly named Soucouyant after the Caribbean folklore figure who sheds her skin at night and flies off as a ball of fire. 

Felt fitting for a rocket company

The prompt I used:

Create a website for my space exploration company called Soucouyant. The color scheme is red and black. Make it include the following: cinematic, wide-angle establishing shot of a sleek, dark-metallic orbital spacecraft resting on a minimalist launchpad at dusk. High-contrast, moody dark-mode aesthetic with deep obsidian blacks, subtle titanium highlights, and a dramatic amber-to-indigo horizon gradient. Photorealistic, 8k resolution, architectural minimalism, no clutter, immense sense of scale, epic composition, architectural digest meets futuristic aerospace engineering style.

In about 3 minutes, Lovable produced this: soucouyant-horizon-launch.lovable.app

Pro tip: if you're not great with words (like me), find a website whose design you admire and ask an AI model to describe it from a design perspective, then fold that description into your prompt.

I used SpaceX's site as my reference here.


What else can you build with Lovable?

I assumed Lovable was just for landing pages, but the use cases go way beyond that: business websites,  AI chatbots, dashboards, e-commerce (with Shopify integration), learning platforms, sales CRMs, even browser games.

If you can describe the app, there's a good chance Lovable can build it.


Setting up the backend with Supabase

The real "wait, it does that too?" moment was realizing Lovable comes with a backend built in. Connect Supabase and you can just describe what you want in plain language, Lovable designs the database tables and wires them to your UI. It's actually on by default, running on Supabase's open-source foundation, so you get a database, auth, and storage without touching a line of SQL.

Didn't get to test it myself (credits ran out), but this is the part that turns a pretty landing page into an actual working app.


Lovable x LinkedIn Integration

Here's a feature I didn't expect: Lovable can post directly to your LinkedIn profile as a "skill," almost like a verified badge showing what kind of apps you build.

To unlock a skill, you need one project that:

  • Falls into one of the 12 categories above (Lovable auto-classifies it once you've sent at least 5 messages in that project)
  • Has at least 20 visitor sessions on the live app (bot traffic doesn't count!)

Once you qualify, head to Settings → Account, find the skill, and hit Add to LinkedIn.

It'll show up publicly on your profile and update automatically as you keep building.


My take

I burned through my free credits fast, but for a 3-minute build, this is genuinely impressive. If you've got free time, give it a try...even if you're perpetually distracted like me. Let me know what you build!


Resources

Comments

Post a Comment

Popular posts from this blog

File Types: Excel vs CSV

-
Image
They open in the same app. That’s where the similarities end. As someone who works with large amounts of data (and has made a lot of mistakes), I'm writing this for anyone still fuzzy on the fundamental differences between Excel (.xlsx) and Comma-Separated Values (.csv) files. If you’re expected to automate data flows , please don’t ignore this one. This post is for you! On the surface, these two look like identical twins: Tomayto.xlsx Tomahto.csv But if you look closely, you’ll notice the first difference. If you noticed that Tomayto.xlsx is 7× bigger in Size than Tomahto.csv —you’re right! And here’s the key detail: both files are EMPTY . So, what's going on? They both look the same to us, but the computer sees it differently. 
Read more

The Cloud: Why Does It Matter?

-
Image
  A floating cotton candy that brings rain, hail and snow. Since modern day technology is a relatively new invention, we tend to warp the meanings of words a lot.  For instance, a tablet used to be medicine, but now it's a portable computer with touch input.   Naming conventions also draw inspiration from nature, like "ecosystem," "virus," "bug," and "mouse." Today I would like to talk about the cloud as it is now a word that is being used outside of conversations about the weather.  I first learnt about the intricacies of clouds back in Geography class, from cirrus clouds to cumulonimbus clouds, as well as what they meant.   Spot a cumulonimbus cloud? Brace for a thunderstorm! (You're welcome!) Now, "cloud" metaphorically represents remote data storage and processing—ubiquitous, vast, and intangible, like an actual cloud. "So, Toni, what's so special about the cloud?" To answer, let's imagine a cloud-less 2023...
Read more

CIBC's Women in AI 2026: 3 Takeaways

-
Image
“The quality of your life is determined by the quality of the questions you ask yourself and others.”  — Tony Robbins Last Thursday, I attended CIBC’s Women in AI Event at UWI St. Augustine, and one of the most memorable parts of the experience was the Q&A session. The room was filled with thoughtful questions on topics such as data collection, AI history, performance metrics, and accountability. It was the kind of discussion that could have easily been its own event. While many of these topics were already familiar to me, it was refreshing to be in a space with women asking critical questions about the future of Artificial Intelligence. One question stood out to me most:  What are you doing to support the community when it comes to AI? That question stayed with me long after the event ended. Today, I’m using this blog post to reflect on that question and summarize three others raised during the session, blending key ideas shared in the room with my own perspective. F...
Read more

Communication : The Hardest Soft Skill

-
Image
  Two blobs talking to each other Hey there, tech enthusiasts!  Fun fact: I aced every subject in the Caribbean Advanced Proficiency Exam (CAPE) except one:  Communication Studies    ( even though I did it twice!) Now, before you jump to conclusions, let me explain how this happened: On my second attempt Question 1 could be interpreted in two different ways due to its confusing wording.  It even left the invigilator scratching their head in confusion. After that nerve-wracking experience, I swore I'd never have to worry about "Communication Studies" ever again.  However, little did I know that communication can be the ultimate secret weapon to make your tech job easier. Whether it's crafting emails or delivering project updates, an effective communicator will have the upper hand. You might think that having a degree in Computer Science is all it takes to succeed in your career. But let me tell you, I've found myself in situations where explaining ...
Read more

No Laptop November

-
Image
"Life is hard, but that's what makes it interesting" - Dad It's time to break the silence once more! Things did not go as I planned, but it makes for a good story.  So you're probably wondering... " Toni, what happened? I thought you were coming back? " and to that I would say, I thought the same. I thought that I would get back in my groove and post blog 109 weeks ago! My simple hardware failure quickly escalated into a complex and costly international shipping disaster. It all started on November 7th at about 5 AM while I was clacking away on my keyboard, the display for my newly purchased Zenbook S16 decided that it was time to say goodbye. I made every attempt to reilluminate it by doing the famous "turn-it-off-and turn-it-back-on" trick and confirmed that it was a hardware issue with Asus Helpdesk. I still held a warranty , which was a relief. However, I had to send the laptop to the States so the manufacturer could fix it and send it ba...
Read more

FinTech : Avoiding Fines with Partial Automation

-
Image
A bitcoin spider (it does not exist) Fintech is an area of the financial industry that is constantly evolving and full of excitement and confusion. While you may enjoy the convenience of tapping your card on a point-of-sale terminal, your granny may struggle to adapt to the bank's new app. We can all agree that technology is infiltrating every sector and has led to the emergence of cryptocurrency and autonomous vehicles.  However, with innovation comes the need for regulation, and companies in the United States are now subject to more than 50,000 regulations according to page 6 of  SVB's Breakdown on The State of Fintech . Failure to comply with these regulations can lead to severe penalties, damage to the company's reputation, and even legal action. Coinbase is a prime example of this, as they were fined $50 million for failing to build and maintain a compliance program that could scale with their rapid growth.  Today, risk management is still a highly manual task that ...
Read more

Web Scraping: An Introduction

-
Image
  Wolverine was here Web scraping has been used to compile extensive datasets on everything from UFO sightings to product reviews on the internet! If you have ever gone to a website, copied data from it, and pasted it into an Excel file, then congratulations, you have done web scraping manually. However, what if you had a bigger problem to solve and required more data from a website? For example, the wristband for your cheap Casio watch broke, and you decided it's time to upgrade to a more premium model.  However, before spending your money, you wanted to compare the prices, reviews and materials of thousands of watches to ensure that you are making the best decision when it comes to durability and your budget.  I hope we can both agree that this task is humanly impossible to get done within a reasonable amount of time, and that's where libraries like Scrapy and Beautiful Soup come into play. With great power comes great responsibility! Here are some pros and cons of web ...
Read more

Data Wrangling : Best Practices For Working With Big Datasets

-
Image
  A matrix of dots that you did not bother to count Let's face it, working with exponentially expanding datasets can be both exciting and overwhelming. Imagine dealing with a dataset of 22 million rows - that's a lot of information to process!  The question is, can your ETL process handle it?  This is a problem that I faced this week, and I had to find a way to improve the performance of the process that updates a dashboard as it was taking a decade to update. The initial question that crossed my mind was, "What was the actual size of this dataset?" At first, I mistakenly assumed that the dataset contained between 1 and 6 million rows. A quick COUNT(*) query made it clear that my estimate was way off and also provided me with some clarity to the problem. That dataset was a behemoth, it probably had its own gravitational pull! The sad truth was that the process was not scalable, and it was clear that immediate improvements were necessary. Here are a three tips that I h...
Read more

October Reflections

-
Image
The name October comes from the Latin “octo,” meaning eight . This morning, my dad asked about my blog. I winced — I’ve been dodging it since September! But that question was the nudge I needed. Because when I stopped to think, I realized:  even without posting, I’d been living. I hiked (and fell multiple times). Tried lobster for the first time. Met my coworkers in Barbados. And impulsively bought this... (I only had 1/4) All that living gave me plenty to reflect on — and two moments in particular stood out. 1. Women in Data Science (WiDS) TT Spotlight Talk Dr. Letetia Addison invited me to speak at the Women in Data Science TT Spotlight Talk — for the second time!  She actually found me through this very blog. I wasn’t publishing much here, but I was active on LinkedIn.  When it came time to prepare my WiDS talk, I had weeks, but I started only days before. Procrastination kept winning. Then came a call with my friend Carson White, we brainstormed ways in whic...
Read more

Understanding Outliers

-
Image
You can clearly see which one stands out   Today's post is inspired by a question one of my colleagues had around outliers: Are there different types? And to that question, the simple answer is yes! As data professionals, we often encounter data points that stand out like a sore thumb during analysis, leaving us wondering what to do with them. In most cases, deletion seems like the obvious choice.  However, I believe we need to pause and take a closer look at these points before removing them. You see, during Exploratory Data Analysis (EDA for short), asking the right questions about the dataset is crucial to uncovering its full story.  Deleting an outlier just because it stands out can create a narrow, myopic view of the data, limiting the depth and value of the insights you can gain. Rather than rushing to remove outliers, consider what they might reveal. Could they signal an emerging trend, an unusual but important event, or even a data collection issue?  With t...
Read more