How I Built an App with Lovable in Under 1 Hour (2025 Tutorial)
Description
Today, I’m going to show you how to use Lovable to build powerful custom apps for your business—no coding required. In this video, I’ll walk you through how I built a fully functional project management system in under an hour using nothing but prompts and smart iteration. Let’s jump in!
--------------------
🏃 Get Started Here -
📌 Join my FREE Skool community to get access to all of my tutorials and support from other builders 👉🏻 https://www.skool.com/automation-academy-3753/about?ref=100993026d744393babebd6fddf28c01
🚀 My Membership Agency: https://www.memberify.io/
❤️ Lovable: https://lovable.dev/?via=alex-leischow
✉️ Business Inquiries: alex@memberify.io
--------------------
📖 Description -
If you don’t know how to code (like me!), it can be incredibly frustrating to have big app ideas but no way to bring them to life. Learning the ins and outs of no-code tools—or paying thousands for a developer—can stall your vision before it ever gets off the ground. Thankfully, the AI revolution has delivered again, this time with a tool called Lovable. It’s an AI-powered app builder that turns simple prompts into fully functional apps. While it’s still evolving, Lovable feels like a total cheat code for solo founders and builders looking to move fast.
In this video, I’ll take you behind the scenes as I build a custom project management system using Lovable—from scratch, in under an hour. Each of my clients gets their own login and dashboard where they can submit automation requests. On the backend, I (as the admin) can manage tasks across all clients, track their progress, and move them through an approval pipeline—all inside one clean interface.
You’ll see the full live build, including the exact prompts I used to generate the UI, how I structured the backend using Supabase for database and auth, and how I iterated on features to get the functionality just right. It’s fast, powerful, and requires zero coding knowledge.
By the end of this video, you’ll know how to start building your own custom tools with Lovable. Let’s dive in.
Subscribe for more Lovable builds!
--------------------
⏰ Timestamps -
0:00 👋 INTRO
1:23 ❤️ What is Lovable?
2:08 ✍🏻 Crafting First Prompt
4:15 🔗 Connecting To Supabase
7:05 🤝🏻 Setting up Authentication
10:12 🔨 Building in Lovable I
15:22 🪨 Building Supabase Backend
18:30 👷🏻♂️ Building in Lovable II
25:30 ✌️ CONCLUSION
--------------------
🔗 My Links -
🌊 Webflow: https://try.webflow.com/l9bi5zf0cljy
🥞 Memberstack: https://memberstack.com/?via=survivingyourtwentys
🤖 Botpress: https://try.botpress.com/g9islyh7pjv6
🔮 Make.com (Signup here for one FREE month!!): https://www.make.com/en/register?pc=survivingyour20s
🔥 My AI Automation Agency: https://www.automatio.io
--------------------
👨 WHO AM I -
I'm Alex, a 29 year old business owner who lives in Nashville, TN. On this channel, we explore the no-code strategies and tools that can help us launch the projects that inspire us and, consequentially, lead the lives we've always dreamed about.
If that sounds interesting, consider subscribing! See you in the next video 😀
PS: Some of the links in this description are affiliate links that I get a kickback from 😜
--------------------
🏃 Get Started Here -
📌 Join my FREE Skool community to get access to all of my tutorials and support from other builders 👉🏻 https://www.skool.com/automation-academy-3753/about?ref=100993026d744393babebd6fddf28c01
🚀 My Membership Agency: https://www.memberify.io/
❤️ Lovable: https://lovable.dev/?via=alex-leischow
✉️ Business Inquiries: alex@memberify.io
--------------------
📖 Description -
If you don’t know how to code (like me!), it can be incredibly frustrating to have big app ideas but no way to bring them to life. Learning the ins and outs of no-code tools—or paying thousands for a developer—can stall your vision before it ever gets off the ground. Thankfully, the AI revolution has delivered again, this time with a tool called Lovable. It’s an AI-powered app builder that turns simple prompts into fully functional apps. While it’s still evolving, Lovable feels like a total cheat code for solo founders and builders looking to move fast.
In this video, I’ll take you behind the scenes as I build a custom project management system using Lovable—from scratch, in under an hour. Each of my clients gets their own login and dashboard where they can submit automation requests. On the backend, I (as the admin) can manage tasks across all clients, track their progress, and move them through an approval pipeline—all inside one clean interface.
You’ll see the full live build, including the exact prompts I used to generate the UI, how I structured the backend using Supabase for database and auth, and how I iterated on features to get the functionality just right. It’s fast, powerful, and requires zero coding knowledge.
By the end of this video, you’ll know how to start building your own custom tools with Lovable. Let’s dive in.
Subscribe for more Lovable builds!
--------------------
⏰ Timestamps -
0:00 👋 INTRO
1:23 ❤️ What is Lovable?
2:08 ✍🏻 Crafting First Prompt
4:15 🔗 Connecting To Supabase
7:05 🤝🏻 Setting up Authentication
10:12 🔨 Building in Lovable I
15:22 🪨 Building Supabase Backend
18:30 👷🏻♂️ Building in Lovable II
25:30 ✌️ CONCLUSION
--------------------
🔗 My Links -
🌊 Webflow: https://try.webflow.com/l9bi5zf0cljy
🥞 Memberstack: https://memberstack.com/?via=survivingyourtwentys
🤖 Botpress: https://try.botpress.com/g9islyh7pjv6
🔮 Make.com (Signup here for one FREE month!!): https://www.make.com/en/register?pc=survivingyour20s
🔥 My AI Automation Agency: https://www.automatio.io
--------------------
👨 WHO AM I -
I'm Alex, a 29 year old business owner who lives in Nashville, TN. On this channel, we explore the no-code strategies and tools that can help us launch the projects that inspire us and, consequentially, lead the lives we've always dreamed about.
If that sounds interesting, consider subscribing! See you in the next video 😀
PS: Some of the links in this description are affiliate links that I get a kickback from 😜
Summary
Building a Custom Project Management App with Lovable in Under 1 Hour
In this comprehensive tutorial, Alex Leischow demonstrates how to create a fully functional project management system using Lovable, an AI-powered app builder that requires zero coding knowledge. Alex, who runs an AI automation agency called Automatio, showcases how he replaces his existing ClickUp workflow with a custom-built solution in just about an hour.
The video walks through the entire development process, starting with a simple prompt to Lovable describing the desired app functionality. Alex needs a system where clients can log in, submit automation requests, set due dates, and upload assets, while he maintains an admin view to manage all requests across clients.
The tutorial covers connecting the app to Supabase for database functionality and authentication, setting up role-based access with separate client and admin interfaces, and implementing both list and kanban views for task management. Throughout the process, Alex demonstrates how to troubleshoot common issues that arise when working with AI development tools.
Key highlights include:
- Creating the initial app structure with a single detailed prompt
- Setting up Supabase backend for data storage and user authentication
- Building client-side functionality for submitting and tracking requests
- Developing admin-side features for managing tasks across all clients
- Implementing file uploads and comment functionality
- Customizing the UI to match brand colors and improve usability
By the end of the tutorial, Alex has built approximately 80-85% of the finished product, with a working client portal and admin dashboard that allows for task submission, status updates, file attachments, and comments. He emphasizes how Lovable dramatically reduces development time compared to traditional methods.
The video serves as an excellent introduction to using AI-powered development tools for entrepreneurs and business owners who have app ideas but lack coding skills. Alex also mentions his agency services at Memberify.io for those who need help launching their own projects using similar technologies.
Transcript
0:00
Hey guys, welcome back to the channel.
0:01
Today we're going to be using Lovable to
0:03
custom code a project management app
0:06
that I can use to help me manage my
0:07
clients. Let's get into it. All right,
0:10
so if you're new here, my name is Alex
0:12
and I run an AI automation agency named
0:14
Automatio. Essentially, what we allow
0:16
our clients to do is upload and request
0:19
as many automation requests as they want
0:21
and then we will work on one of those
0:23
every 48 hours or so. So we are using
0:26
right now just a very basic project
0:28
management dashboard in ClickUp to
0:30
essentially manage these requests and
0:32
the approval flow as we work on all
0:34
these automations. What I want to do in
0:36
this video is use Lovable to custom code
0:39
a native project management app that I
0:42
can use to essentially manage all of my
0:44
automation requests. I don't want to use
0:46
ClickUp anymore. I want to build
0:47
something natively for my own website
0:50
here at
0:51
automatio.io. So this website right here
0:54
is currently built in web flow. Okay. So
0:57
I have the entire front end built in web
0:59
flow and what I want to do is eventually
1:02
in web flow you know maybe replace this
1:04
contact us or add like a login button up
1:06
here so that my clients can come click
1:09
the login button and be redirected to
1:12
their own um login page probably a
1:15
subdomain on my on my website. So that's
1:17
what I'm thinking. Um, so anyways, we
1:20
are going to hop into Lovable today to
1:22
start building this custom app. Now, if
1:23
you've never used Lovable, it's
1:24
absolutely insane. Essentially, what you
1:27
can do is custom build apps via AI.
1:31
Okay, so I don't know how to code, um,
1:33
but I have built some increasingly
1:35
complex apps, uh, and SAS products with
1:39
Lovable over the last couple months, and
1:42
um, it's time for me to uh, use this to
1:44
help my own company. So, uh, let's hop
1:47
in here and let me show you how we're
1:48
going to do this. Now, lovable. It's not
1:51
perfect. You got to remember this is AI.
1:53
Um, it's still in development, but this
1:55
is the worst it will ever be. And I
1:57
think in this video, although we'll hit
1:58
some hiccups and we'll have to wrestle
1:59
with this thing, you'll see just how
2:01
powerful this thing currently is. And I
2:03
think you'll grasp how powerful it's
2:05
going to be over the next few years. Um,
2:07
so what we do is we just prompt this.
2:09
It's kind of like chat GPT. So, I'm just
2:11
going to put in a prompt here.
2:13
Basically, it says, "I run an AI
2:14
automation agency where my clients can
2:16
submit requests. I need to build a basic
2:17
project management app where my clients
2:18
can log in, submit automation requests,
2:21
set due dates, assign owners, and upload
2:23
different assets to the task cards. I'd
2:26
like to have two different views, a list
2:27
view and a canban view where I can drag
2:29
my tasks around. I will need two sides
2:31
to this site. One is the client side
2:33
where my clients will log in and submit
2:35
requests and two is the admin side where
2:37
I will log in and essentially manage all
2:39
those requests. Uh we will also need
2:42
approval functionality.
2:44
Uh please target please style my site
2:50
with this main color and I'll go to my
2:53
website and I'll go to um color
2:57
slurp and I've already grabbed kind of
2:59
my website color. So I'm just going to
3:01
say use this and I'll say here is my
3:05
business logo as well. and I will just
3:09
um
3:11
attach my business logo there for AI to
3:16
have. Okay. So, I'm going to hit enter
3:19
here. Right now, you can see if you've
3:20
never used Level before, it's
3:21
essentially writing all these files for
3:23
us, building our first preview of this
3:26
site. Now, normally a lot of these
3:29
previews or the first iteration of this
3:32
after one prompt, um it'll get us very
3:35
far very quickly stylistically and and
3:38
uh structurally, but the functionality
3:41
won't be where we need it to be. Okay.
3:43
So, we're going to have to wrestle with
3:44
this and we're going to have to prompt
3:44
this thing to completion. A lot of these
3:47
apps, they take 100 200 prompts. Um
3:50
we'll see how how many it takes for this
3:51
one. But, uh, like I said, you can see
3:55
we're writing all of our files here, and
3:56
we'll see what it gives us here, um, in
3:59
a few minutes. Now, couple things as we
4:01
get started here. Getting set up,
4:04
getting the foundation built in lovable
4:05
normally takes the longest. So, after
4:07
this first prompt, you'll see we
4:09
probably have a pretty good starting
4:10
point, but we will then go and
4:12
immediately set up our backend, and we
4:15
will be using Superbase for that. Okay,
4:17
so Superbase, if you've never used it,
4:19
is essentially just like a it's kind of
4:21
like a souped-up air table. Um, but it's
4:24
where we can have all these data bases,
4:26
these tables. We can set up
4:28
authentication for login and signup
4:30
flows, all this cool stuff. So, we will
4:32
connect Lovable to Superbase
4:36
um in order to set up login
4:38
functionality and also to manage our
4:40
backend. Okay. So, while this is
4:43
running, what I'm going to do is I'm
4:45
going to just set up a new project
4:48
um in Superbase and I'm going to call it
4:51
Automatio project management
4:53
dashboard and I'm just going to give it
4:55
a little
4:58
password and I'm going to create a new
5:00
project. Okay, so it's going to take
5:01
maybe two to three minutes for us to get
5:02
this superbase project set up. So, I'm
5:04
just going to get this going here uh
5:07
while this is running. Okay. And again,
5:11
getting this first piece set up is
5:13
normally the most difficult. We'll have
5:14
some errors. AI will have to go in and
5:16
iterate through its error log and figure
5:18
out what's going on. But I found in my
5:21
experience, once we get Superbase kind
5:22
of running smoothly here, it might take
5:23
us 10, 15, 20 minutes. We get a build
5:26
and it's so fun. It's so fun. We're in a
5:28
sandbox with unlimited resources. Okay,
5:33
so let's see what this thing comes up
5:35
with here in a few minutes.
5:37
All right, looks like it's finishing up
5:39
here. Our first
5:40
prompt.
5:42
Okay. And so it looks like we have a
5:46
login page here. And we have some other
5:48
pages. Um but it's not going to let us
5:50
get to those yet cuz we're not logged
5:52
in. Okay. So it has set up just kind of
5:53
like a demo authorization here. Um but
5:58
we need to set this up with superbase.
6:01
So you can see here login data storage.
6:04
Um we need superbase. Okay. So, let's
6:07
see if our Superbase project is set up.
6:10
And
6:11
uh it might still be chugging. All
6:14
right. So, let's see. So, I'm going to
6:16
say, "All right, hold on a
6:20
second. I am going to connect to
6:23
Superbase right now and then
6:27
I'll let you know when we're
6:30
ready to set up login flows.
6:37
Okay. All right. So, I'm going to come
6:39
here and I'm going to It looks like it's
6:42
good now. So, I'm going to hit
6:45
connect. Okay. I'm going to hit connect.
6:49
And I think we're good
6:53
now. Okay. Looks like we're connected.
6:55
Good, good, good,
6:56
good. All right. If you plan to have any
6:58
users log in, we highly recommend
7:00
setting up authentication first before
7:01
adding any other features.
7:04
Okay. Okay. Great. Superbase is
7:09
connected. Please set up authentication
7:12
for me.
7:15
Okay. So, um I'm excited to see what it
7:19
kind of came up with here for
7:21
us. Um but first we need to set all this
7:24
up. So now it's going to recommend some
7:26
SQL um queries to run. All right. Or
7:30
commands. And we're just going to hit
7:32
apply changes. We're just going to let
7:34
Lovable do its thing. Not going to
7:35
question anything. Again, I don't know
7:37
how to code. Um, and we're just going to
7:41
see how this works. We're going to see
7:42
how it how it works. So, now again,
7:45
sometimes setting up O is the hardest
7:46
part of this for some reason. Um, so
7:49
we'll see how it does. But essentially
7:51
what it's doing right now is it's like
7:53
creating different like it's already
7:55
made this users I think table here in
7:58
Superbase. It's probably going to make a
7:59
profiles table. It already has. Um, and
8:03
so it's building our back and forth live
8:05
right here. Um, so we'll see see how it
8:08
does. All right. So it's implemented
8:10
suase o in your app with both login and
8:13
signup
8:14
flows. All right. And it looks like we
8:16
got an error. So we're just going to let
8:18
this thing iterate through its error
8:20
log. Um, and you know, sometimes lovable
8:23
does this. It'll build something, it'll
8:25
realize something's wrong, and then it
8:26
shoots out an error, and you just kind
8:28
of let it let it do its thing. So,
8:31
um, we'll just fix these errors here and
8:34
then we can, um, sign in here and see
8:36
what our dashboard looks like. Okay. So,
8:39
let's see if this one
8:43
works. Okay. Updated index component to
8:45
redirect users to the task page instead
8:48
of the root path. Okay. Okay. I think
8:51
we're good here. So, I'm going
8:53
to We don't have
8:55
any users yet, so I I think we need to
8:58
sign up.
9:00
Okay. So, I'm just going to launch like
9:01
a preview window here just so we can
9:03
like actually see the full page here.
9:06
Okay. So, I'm going to sign
9:09
up and actually you know what I'm going
9:12
to do first just because I've done this
9:14
before and this is so annoying
9:16
normally. I am going to disable just for
9:20
this
9:21
demo. Uh I'm going to disable email
9:25
confirmation. So, what I mean by that is
9:28
um when I sign up, it will send me an
9:30
email that it makes me confirm before I
9:32
can sign in. I'm just going to turn that
9:33
off for now. I just want to be able to
9:35
sign up um without having to confirm my
9:38
email just for demo. Okay, so let me do
9:40
that real
9:42
fast and let's refresh this. I think
9:44
that should work, but let's see. Okay,
9:47
so let's sign up
9:51
now. We're just going to do one, two,
9:53
three, four, five, six, seven, eight,
9:54
nine.
9:56
1 2 3 4 5 6 7 8 9. Okay. And let's see
9:59
what happens. All right. Cool. So, we're
10:01
we're logged in here. All right. So, it
10:04
says check your email for confirmation,
10:05
but that's that's okay. I don't know
10:08
what this is. Oh, I see. Okay. I like
10:11
that. So, guys, I mean, the dashboard
10:14
looks sick. The dashboard looks really
10:16
sick. Now, I don't know
10:20
if this is the admin side or not. I
10:23
think this is the client
10:27
side. Okay. And I don't see a canban
10:31
view. Oh, wait. No, here it is. Oh,
10:35
sweet. Oh, very nice.
10:38
Okay. So, this looks kind of nice, guys.
10:41
I won't lie. We got
10:44
filters,
10:45
priority. I don't know what that
10:49
is. Looks like our search isn't working,
10:51
but okay. And we got a submit here.
10:54
Submit new
10:55
request. Due date, priority
11:01
attachments. Wow, this is looking good.
11:04
Total requests in progress completed.
11:07
Due soon.
11:09
Okay. In progress, completed. Recent
11:13
request. Create a new request.
11:16
Okay. Okay. I need my like I think I
11:19
want my logo up
11:21
here. I don't need this, I don't think.
11:25
Okay, so guys, this is again, this is
11:28
one
11:29
prompt. This is one prompt. Um, we had
11:33
to set up some O stuff, but this is one
11:35
prompt, and we're looking really good
11:36
here. I like the look of this a lot.
11:39
Now, if you guys are watching this video
11:40
and you're inspired and you have an idea
11:42
for an app or an MVP or some sort of SAS
11:45
tool that you want to start selling, but
11:47
you just don't know how to build it,
11:48
please get in touch with me at
11:50
memberifi.io. I'll have it linked down
11:52
below in the description and we would
11:54
love to work with you to launch your
11:57
project. We have a couple different ways
11:58
of building apps either with our no code
12:00
web flow member stack stack or with
12:02
lovable where we kind of build you
12:04
something custom from the ground up. So
12:07
if you guys want to launch a project,
12:09
you just don't know where to start,
12:10
please get in touch with us and we'd
12:11
love to bring your vision to life.
12:12
Anyways, let's get back to the video.
12:14
Now I need an admin side to this
12:19
site where
12:23
I will log in and see all the
12:29
tasks
12:31
submitted across all of my
12:35
clients. The client
12:38
side will
12:40
obviously only be able to see the
12:44
tasks that they have
12:48
submitted. But on the admin side, I want
12:51
to see all of them and be able to filter
12:57
by
12:59
client. Okay, let's see what it does.
13:02
Let's make here how it looks. While
13:05
that's cooking, I need you to set up a
13:09
lead genen system for
13:12
me. Due date
13:14
is Monday.
13:17
priority
13:19
medium. Let's just attach a fake picture
13:21
and submit the
13:27
request. Okay, I don't see the
13:35
file.
13:37
Wow. I don't see the file anywhere.
13:41
But those Okay.
13:49
Total request one. So that went up. Do
13:51
soon one. Next due
13:55
task.
13:57
Wow. Okay. So we've got rolebased access
14:01
client filtering in the admin view
14:04
support.
14:09
Okay. Okay. And looks like we got an
14:11
error. So let's fix it. Okay. So, just
14:13
for demo right now, we're going to use
14:15
this one as
14:17
my
14:18
admin sign up
14:21
uh admin test
14:24
user. Admin 1 2 3 4 5 6 7 8
14:28
9 2 3 4 5 6 7 8 9. Sign
14:33
up. Okay, so here's our admin
14:37
side. All right, so we have our client
14:39
side and our admin side here.
14:43
Admin dashboard. Okay. Client dashboard.
14:46
Okay. So, we have five total requests
14:49
from one
14:50
client in progress. Two, completed. One
14:54
overdue. Okay. Client
15:00
overview.
15:02
Okay. So, are these the same tests as
15:07
these? There's my test request. I don't
15:10
see that one in my admin
15:15
side. Yeah, I don't see that. Okay. Now,
15:19
you know what? I just thought I think we
15:21
need Yeah, we need tasks here. So, we
15:25
have profiles. We need a task
15:28
table. I think the issue is that we
15:30
don't have a task table set up in
15:36
Superbase. Let's build one there. with
15:39
all the
15:42
correct parameters so that we can start
15:49
to dynamically pull those through my
15:53
admin
15:55
dashboard. All right. So, essentially
15:58
what we're doing here is I think that
16:00
task we made um and it's not even
16:03
showing up here. Yeah, I just busted
16:06
this whole thing.
16:09
Um, essentially the task we made, it's
16:12
not it's not being housed anywhere. I
16:13
think they're just I think lovable is
16:15
just like h like housing it locally
16:18
instead of building a superbase table
16:20
which is what we want to do. So we have
16:22
a list of all of our tasks with the
16:24
company name um with the priority with
16:26
the due date and that way we can then
16:29
start pulling it dynamically to our
16:30
admin dashboard. So we need to do
16:33
that. So here it is. It's going to make
16:35
all of our new tables for us.
16:39
Okay. So let's see. Now your task list
16:42
and dashboards will display actual data
16:44
from superase. Okay. So let's come here.
16:47
All right. Cool. So we have tasks,
16:48
attachments, comments. Good. Now we can
16:50
start storing stuff. My requests are
16:52
back. It doesn't have the one we already
16:54
submitted because we just didn't store
16:55
that. Um, okay. So task, attachments,
16:59
comments. Still have two profiles. Okay,
17:01
cool. This is looking much better. No
17:04
errors. Okay. So,
17:06
let's let us test. So, I have admin open
17:11
here. All right. And you can see I've
17:13
got no tasks now, which is good. Got rid
17:15
of all those fake tasks. Good. And then
17:18
I'm going to come to my client side now.
17:20
New request. I'm going to say um test
17:24
lead genen
17:27
system. I need a lead genen
17:29
system.
17:31
And due date will be Monday. priority
17:35
medium. I'm gonna attach a
17:38
file. And I'm gonna submit request.
17:40
Okay. So, that shows up here.
17:43
Good. And it shows up on my canband
17:46
board.
17:47
Good. I don't like how these are
17:48
collapsed, but that's okay for
17:51
now. Okay. So, I don't see an
17:53
attachment. I can move this.
17:56
Interesting. Okay. Works pretty
17:59
well. Uh, I don't like the look of this.
18:02
I don't see my attachment. test
18:05
comment field ad comment. Okay, so
18:07
that's not working. All right, so task
18:10
is there. Let's see if it shows up on my
18:13
admin side. Total request one. Nothing
18:17
high priority. Okay, there it
18:19
is. There it is. Okay, that's working.
18:22
All right, so this is now working. If we
18:24
come to superbase, we can see we have a
18:26
task there. We don't have an attachment.
18:27
We don't have a comment. So that's not
18:29
working. Okay, so let's fix that
18:31
first. Okay, great.
18:35
Now, let's fix my task
18:41
attachments and comments. Right
18:45
now, neither are working. I uploaded an
18:51
attachment, but it didn't get
18:55
added. I also commented, but got a
19:00
comment error.
19:02
Let's fix both and make sure both are
19:06
storing in
19:08
superbase
19:10
respectively. Now with lovable as I
19:13
think you can see now a lot of this is
19:17
uh it can get frustrating because you
19:18
wrestle with this thing and you can be
19:21
as clear and concise as you possibly can
19:24
in your prompts and it doesn't matter.
19:27
It still struggles to do basic things.
19:31
Now when I say basic things that's big
19:33
talk for me who doesn't know how to code
19:35
you know coming from a guy who doesn't
19:36
know how to code. Um but I always think
19:39
you know you you know sometimes you you
19:42
spend 20 to 30 minutes fixing one little
19:44
issue and then you have a breakthrough
19:46
and then you kind of code easily and
19:48
freely for like an hour. So you kind of
19:49
go through these waves. But I always
19:52
think you know this is the
19:54
worst that this system will ever be.
19:58
it's just going to get better. And so,
20:01
you know, I I think over the next year,
20:03
two, three years or something, um, we're
20:06
going to come out with with a bunch of
20:07
AI products that can just build fully
20:10
functional apps with very very few
20:13
errors or like iterations needed. So,
20:16
uh, we're going to keep wrestling this
20:17
thing. Uh, I might edit through a little
20:19
bit of this just to speed this video up,
20:21
but
20:22
uh, this is this is kind of the the live
20:24
look in on the lovable builds. All
20:26
right, looks like it's done
20:29
again. And here's what it did. Let's try
20:32
it again. So, I'm going to hit
20:37
refresh and let's see. Let's see if
20:39
she's working. So, new
20:41
request,
20:43
test
20:46
automation. I need an
20:49
automation. Due date the uh Oh, it's
20:53
already the fourth. I'll do the 6th.
20:56
attachment.
20:58
PNG submit. Okay, so that's there. Okay,
21:03
that looks good. Now I've got a little
21:04
attachment
21:05
icon. Okay, there we go. All right, I
21:08
see that. That looks good. And we should
21:09
see in Superbase
21:11
now our attachment. Good. There we go.
21:14
So that's working. Let's add a
21:19
comment. Okay, comment added
21:21
successfully. Close it. That went up.
21:25
Okay, I think this is working. Let's go
21:28
to comments. Comment is there. Okay. And
21:30
then let's go to my admin side. Three
21:35
requests. I think we do have one high
21:38
priority. So, that's not working. Oh,
21:39
no. No, we don't. No, we don't.
21:41
Sorry. Uh, test
21:44
automation comment. Hey, this is the
21:47
admin
21:50
comment. Good. Okay, I can see this from
21:53
the admin
21:55
side and from the client side, I can see
21:57
my
21:59
um I can see that new comment. Okay,
22:01
this is looking good, guys. This is
22:02
looking good. Okay. All right. Um and
22:06
then if I go back to my admin side,
22:08
sorry, I'm kind of bouncing all over the
22:09
place here. Okay, this looks this looks
22:13
really good. Three pending. All right,
22:16
if I'm on my admin side and I go to
22:24
Oh, I hate
22:28
that. Why is it added underneath? I
22:30
don't like
22:33
that. Okay, so let's say I move one of
22:35
these to in
22:36
progress. Does that update my dashboard?
22:39
It
22:41
does. Wow. Two pending, one in progress.
22:45
Wow.
22:49
This is insane, guys. All right, so that
22:52
is
22:54
great. Now, a few things. Let's clean up
22:58
the um let's clean up the admin side
23:04
first. One, on the admin side, can you
23:08
get rid of the
23:11
canban
23:12
board link in the side navbar? I just
23:17
want the cananban
23:19
view in my all tasks page. Also, get rid
23:24
of reports page and settings page on my
23:30
admin site. I don't need those. All
23:33
right, let's do those two for now. See
23:34
how see how it does. So, we're going to
23:36
get rid of the campaign uh board link
23:38
and the reports and settings. Okay, so
23:41
looks like we're good here. So this is
23:44
my admin side. I have
23:47
dashboard, all task, and
23:50
profile. Okay, cambban view. Okay,
23:53
that's much better. So now I have a list
23:55
view and a canban view. And it kind of
23:57
goes through both. Okay, that that's
23:59
better. And really, I could probably
24:01
make these not cards, but it's fine for
24:03
now. It's good enough for now. It looks
24:05
good. Now on my client side on
24:11
my my requests page when I tab between
24:17
list view and canban view I want to
24:24
show two separate views. I don't want
24:29
canban view to just show
24:31
up under my list view.
24:35
For
24:37
example, on my admin side right
24:40
now, when I show my list view, I get a
24:45
list of cards with my
24:48
requests, which is great.
24:51
And then when I click on my canban view
24:56
button, my list view
24:59
disappears entirely and I just see my
25:03
canban view which is
25:06
great. Can you recreate
25:10
this on my client side?
25:13
Because right now when I click can view
25:18
the
25:20
campan
25:21
view shows up under my list view which I
25:26
don't
25:27
want. Okay. So let's see. So again try
25:30
to be as specific as possible with these
25:33
um requests.
25:36
Um and we'll see what it does. Now, one
25:39
thing I haven't mentioned is if you
25:41
ever if it ever gets confused or it
25:44
messes something up, uh you can always
25:46
go up and just restore your last um good
25:51
version. So, you're never really at risk
25:53
of messing anything up too bad. Now, one
25:56
downside of Lovable is when you have
25:58
like a completed project, when you have
26:00
a a working app and you like the way it
26:02
is, sometimes if you're continuing to
26:04
try to enhance that project, it will
26:07
change things that you don't want it to
26:09
change and it'll break stuff. So, the
26:11
more specific you can be with this
26:14
prompting, the better results you'll
26:16
have. But again, um Oh, wow. That was
26:20
fast. That was really fast. Okay, hold
26:22
on. Let's see. Did that work? This is my
26:24
admin
26:25
view. That one looks good. And then my
26:28
client
26:33
view. Good. Good. Good. Good. Good.
26:36
Good. New request.
26:38
Okay. Like that. Now we're having this
26:40
weird load thing. I don't know why
26:42
that's doing that,
26:44
but this is looking really nice. This is
26:49
looking really nice. Okay. Now, let's
26:51
improve this card here.
26:55
Now when I open my task
27:01
card, I would like to make
27:05
that modal that pops up look better.
27:11
Right now the data
27:14
is Right now it's kind of ugly. Right
27:17
now, it's kind of ugly and I don't like
27:21
the look of the card detail when I open
27:26
the
27:27
card. Can you please make this look
27:31
better and streamline the layout of
27:35
the task card modal when I open it?
27:40
Okay. So, let's see what it does there.
27:42
Again, I just I don't like that this is
27:45
like over here. I don't like this.
27:50
Um, I don't know. It just We can make
27:52
this look better, I think. Also, it's
27:55
like hanging like it's hanging up over
27:57
the top and bottom of my
27:59
page. This is weird. I got to fix this
28:02
next. Um,
28:06
so this is really starting to come
28:08
together. This is really starting to
28:09
come together. We're we're not going to
28:11
probably make this entire video getting
28:13
to a
28:14
perfect, you know, end point here. Um,
28:18
but cuz this is probably going to take
28:20
me another two to three hours to perfect
28:23
and we're just not going to make a video
28:24
that long. Um, but I, you know, we're
28:27
close here. We're we're
28:29
probably 75 to 80% of the way there with
28:32
obviously some functionality things that
28:35
we want to change and update.
28:36
you know, on this client side, we want
28:38
to make sure that there's like
28:40
notifications that,
28:42
hey, the admin side is waiting your
28:44
approval on something. Um, so we're
28:47
going to add that in as well, but we'll
28:48
clean up a few more things here and then
28:50
we'll uh we'll probably call this video.
28:52
I think that's the best way to kind of
28:53
run these videos. And we're going to do
28:54
a bunch of videos like this where we're
28:56
doing lovable
28:57
builds. Um, and so I'm kind of working
29:02
out the best way to kind of present this
29:03
to you guys cuz this, you know,
29:04
sometimes these apps, they take a few
29:06
days. Um, so maybe I actually just tune
29:09
back in when I'm done with it and like
29:11
show you how it turned out. So, I don't
29:14
know. We'll see how we'll see what I
29:15
decide to do. But, all right. Let's see
29:17
what this card looks like
29:22
now. All right. That's It looks better,
29:24
but I need it. It's a little too big.
29:26
Okay.
29:30
So, okay,
29:33
great. That looks much
29:36
better. But the
29:38
modal is hanging off the top and bottom
29:43
of the screen. Can you make sure it fits
29:48
fully inside my uh viewport?
29:56
And the modal is
29:59
scrollable if needed. Okay, that should
30:03
be pretty good. Okay, so this is looking
30:05
like it's done. Let's see how it turned
30:08
out. And uh is it
30:13
done? Still looks too
30:17
big. Oh, there we go.
30:20
Okay. Okay. This looks I think this
30:22
looks a lot better.
30:26
That's good. That's good. Let's see how
30:27
it looks on the admin
30:33
side. Okay, cool. So, it has the client
30:35
name, comments,
30:40
attachments. Okay, I got to get rid of
30:42
that. Okay, cool. So, that's looking
30:44
pretty good. All right, guys. So, I
30:46
think we're going to end this video
30:47
here. As you can see, we're we're
30:49
probably 80 to 85% done with this build.
30:52
Um, obviously a few less things we want
30:54
to clean up here and make sure it looks
30:56
good, but but overall the core of this
30:59
app is finished. I think we're right
31:01
around an hour right now. Uh, which is
31:03
absolutely insane. A build like this
31:05
back in the day would have taken days,
31:07
maybe weeks to get to this point. Um,
31:09
I'm going to have this finished up here
31:11
by the end of the night. Uh, but like I
31:13
said, we're we're 80 to 85% done here.
31:15
Um, and so I can get this live uh on my
31:18
site here whenever I'm ready.
31:20
So anyways, that is Lovable. It is an
31:23
incredibly powerful tool. If you have
31:25
any questions, comments, or concerns on
31:27
Lovable, get down in the comments and
31:29
let me know. I'll get back to you as
31:30
soon as I can. If you guys like this
31:32
video, go down and smash that like
31:33
button for me. I'd really appreciate it.
31:35
If you want to see more videos like this
31:36
in the future, consider subscribing.
31:37
That would be awesome. We are going to
31:39
be doing a lot more lovable builds over
31:41
the next few weeks, so stay tuned for
31:42
that. Anyways, thank you guys so so much
31:45
for being here. We'll see you all in the
31:46
next video. Peace.