Unlocking Startup Potential: Building a Social Media App for Entrepreneurs
Heads up!
This summary and transcript were automatically generated using AI with the Free YouTube Transcript Summary Tool by LunaNotes.
Generate a summary for freeIf you found this summary useful, consider buying us a coffee. It would help us a lot!
Introduction
Creating a startup idea community application can seem daunting, but it’s incredibly rewarding. In this article, we'll explore how to leverage modern tools and AI to build a social app that allows users to share and evaluate entrepreneurial ideas. Many are waiting for these technologies to become easier to use; however, seizing opportunities now can place you ahead of the curve. Let’s dive into the crucial aspects of building your app and capitalize on the current landscape.
Why Build a Startup Idea Community App?
Building a community app focused on startup ideas provides several benefits:
- Networking Opportunities: Users can connect and collaborate on ideas.
- Resource Sharing: Members can provide insights and helpful tips to each other.
- Validation: Entrepreneurs can get feedback on their ideas before launch.
- AI Integration: Leveraging AI helps to generate actionable steps for each startup idea.
Creating Your App: Key Components
When building a startup idea community app, here are the essential components to focus on:
1. User Profiles
User profiles allow members to showcase their startup ideas and maintain engagement. Profiles should include:
- Profile photo
- Display name
- A brief bio
- Startups they are interested in
2. Idea Submission System
Create a clear, user-friendly interface for submitting startup ideas. This should include:
- A text field for the startup description
- Options to categorize the startup idea
3. Rating and Comment System
Implementing a system for users to rate and comment on startup ideas encourages community interaction. Features should include:
- Like/dislike buttons
- Comment sections for users to give feedback
4. AI Generated Steps
Integrating AI tools like OpenAI can generate steps for users to follow in order to develop their ideas further. Key functionalities may include:
- Automatic generation of strategy steps based on the submitted idea
- Marking steps as completed for user tracking
5. Visual Design
A clean and attractive interface ensures a pleasant user experience. Think about:
- Color palettes that represent your brand
- Responsive designs that work on various devices
Tools to Use for Building the App
Building a social media app for startup ideas requires modern tools. Here’s a breakdown of popular choices:
1. Firebase for Backend Services
Firebase provides a robust backend solution allowing real-time data handling and secure user authentication. Use it for:
- Storing user data
- Authenticating users via Google Login
2. VZ for Frontend UI Development
VZ excels in producing clean, styled components based on prompts. You can:
- Design your homepage and user interface without heavy coding
- Quickly iterate design components based on user feedback
3. Cursor for No-Code Development
Cursor utilizes AI-assisted prompts to help you create apps without writing complex code. Its functionality includes:
- Composing multiple files at once
- Providing real-time feedback on errors
Conclusion
Embarking on the journey to build a startup idea community app may require navigating through various challenges, but with the right tools and mindset, it can be a rewarding venture. By leveraging the power of AI and no-code platforms, aspiring entrepreneurs can connect, collaborate, and bring their ideas to fruition quicker than ever before.
Remember, the best time to start building is now, even if the pathway seems complex. Embrace the opportunity and dive into the exciting world of startup creation!
Call to Action
If you found this article inspiring, subscribe for more insights and tips on startup strategies, as well as regular updates on new tools and apps in the entrepreneurial space. Let’s create the future together!
like I've noticed a lot of people under a lot of like commenting on a lot of videos saying like oh I'm going to wait
another year so it gets till it gets even easier and I just think there's a massive opportunity right now Greg as
you said to create an agency and doing it when it's hard is better because by the time the creating what we're doing
now gets easy the people who start now are going to be creating even better sites by then and like because there's a
group of people always pushing the edges of all these new things right now there's not very many people pushing the
edges of AI websites which is where you will find probably the most profitable Industries or interesting niches to get
into and so that would be my advice to anyone who's like oh I'm going to wait for this to get a little bit
yeah so last time we made a very simple app and as you know I struggled through but eventually pulled through making the
app and um and since I even added some more features and I might even release it as a product but we thought we could
do significantly better uh with this episode and accomplish a lot more especially with two people there's a lot
less pressure like when you have someone to talk and someone to build it's a very it's a very nerve-wracking thing you're
like all right I'm on a podcast but I'm also making an app it's like how do I act here so we came up with this idea
and this this is vzer we used this last time on the podcast and this is just a chat like I think where uh we had Claude
generate an idea and we thought it would be cool uh let's say you wanted to create a little Community uh app social
app for the startup ideas podcast where people could join create a profile uh and you could type in your startup idea
and it'll use AI to generate steps and uh PE other people can rate other people's startup ideas and then add
comments and we thought that would be like a really fun Community Building tool and so I threw in the basic concept
and I just said uh create the homepage of this app and then I didn't like the initial one right it gave us this right
here which looks horrible and then slowly but surely I ideated on it and got it to somewhere where I'm like okay
that doesn't look terrible um and then we had some padding issues and ended up with um this one right here and it's
pretty clean uh Simple app and we use VZ and I guess there's some few other things maybe that we could add to this
homepage that I think would be fun and then um we'll kind of get the general idea for what we want to build and then
we'll go into the template and build it sound good that sounds amazing and it's funny because I had a similar idea that
$29,000 to build something like this so oh well we actually we're going to build it in the hour but we charge 29 Grand
um um okay so like let's let's talk let's since this is for your startup podcast like um what what type of colors
would you want to see in here like let's let's change this up a little bit let's make it fun so the brand of the Pod is
thumbnails kind of like yeah this one right here okay you see the the orange I'm actually kind of testing a
few a few ideas and thumbnails right now I also see if you see the cover photo it's just kind of like these Neons
that's a new thing I just just the Subscribe for startup ideas that I just just changed and it's performing really
really well um probably like three times the amount of subscribers than I'm I'm used to and I think it's just people
love the neon it's just like it's kind of like highlighter so if we could do something with neon that'd be pretty
cool okay so um I think maybe like a social app shouldn't be super colorful like I think
maybe the background could be white yes and so maybe um let's go back to v0 and this is the published page so anytime
you create one of these you can publish this but again let's just go ahead and paste that in let's make sure it's the
the um site that we have here this homepage to match the Styles uh from this image do not look at the specific
text or content on this you are only looking at the Styles and let's make the background of the
site white and have darker cards or maybe like gray cards with neon text we can just try it out and
usually this takes a little bit to load there we go and we can just send it and I would highly advise anyone who
wants to just use voice I'm using this tool it's called Talk tastic like talk tastic and it works it gets the job done
and it what's cool about it is when Claude starts messing up and I start swearing it actually removes it from
what I'm saying so it's kind of good so it keeps our Claude and I on good terms and here we go we're going to kind
yep oh let's do it ah wait why is the text so dark so dark all right what do you think of the background though I
like I mean I like the background it's kind of it's it's it's a nice pop of
color we can um wait we have to make sure it's done oh whoa I did not see that coming I did not realize it was
what I liked about the cover photo up top was it was like professional with a few hints of bright colors this just
feels too much okay okay so okay this is too much let's say keep keep the background the same but
with dark text but the header is the header text is dark blue and the checkboxes are green the rest should be
a more relaxed darker color uh to create a more simple in interface shh don't tell anyone but I've
got 30 plus startup ideas that could make you millions and I'm giving them away for free these aren't just random
guesses they're validated Concepts from entrepreneurs who built hundred million plus businesses I've compiled them into
the main thing is most of these ideas don't need a single investor some cost nothing to start I'm pretty much handing
access your next cash flowing business is waiting for you Ane I'm curious any any thoughts here for the The
Styling yeah I I I mean I think um we should probably uh just style one component like one card at once and that
would be more effective um than the whole page um if we use that yeah fair enough so should we just maybe we'll
design let's just design one of the cards let's say the current design is too much let's go more
conservative and then we'll say keep the background okay so let's just try this on one of the cards and the
designs are a lot faster what's really cool about um what an is suggesting here is on v0 you can go component at a time
so uh and you can say you can Fork all of these links and I'll show you right after this so after this is done if it
ever starts maybe we'll need to retry let's try that and while that's pulling up do
you recommend doing it one component at a time is that is that the good best practice uh I I orang could probably
speak he's he's probably implemented more designs into full websites uh it is probably easier to add them one at a
time based on my limited experience I'm curious an what what you think yeah I think um v0 really excels at uh
using your like whatever prompt you give it and making a specific component out of it and you can like visualize your
design changes in real time and so I really recommend using VZ to build that like specific component and a component
really is like anything you know a button can be a component a card can be a component technically a page is also a
component but the smaller you go the more you can iterate and focus on that without overwhelming the context window
and that's why I think it's like a lot more effective and you'll move faster because it takes less time to generate
the code because it has to generate a full page every iteration then you're going to be like there's going to be
like a full 90 seconds in between each change see I personally think this looks very good this clean gray card um it
lays out the the ideas and so what you can do here to organize your work what I would do is I would hit publish confirm
and publish and then you can um you can either view the whole page right here so we can open up a new window and just
paste it in we can see it full screen um and you can also Fork it from this so I would just save this link right here and
so this was our original idea and so you could make just like a simple um like components um and then you just go card
and then you just paste the link right there and you can keep track of all of your components and then it's easy very
easy to find the code because at any anytime you can click on it later and you can say show code and you're going
to we're going to want to give this to Claude uh later and so this it's a good way of organizing your your work because
and we can also Fork from this right we could Fork this so now this is the only chat that it has so far we can say can
interests location and current profession I I don't know we don't need to include all
these this is just an example um I probably should have said to create one that's the same style but
I think it might just do it anyway and while that's while that's pulling up I noticed that when you went to go and
click I think it was share there was an icon for Reddit and why combinator Hacker News why did why like how are
people yeah oh oh on X as well like why what do you do there yeah so I guess maybe if you wanted like if we wanted to
get really quick uh feedback on it we could very quickly share it to Reddit share it on X I will say it it looks
like vzer is like busy like vzer is popping off the last two weeks like their servers must be taking a beating
like so many like you think our last video got 500k views we use vzero there's many many other videos also
using it so I maybe we cut it some slack um a little bit though I it'll get annoying there we go um but yeah you can
very easily change the styling and then share it with other people which which is really cool I just love the fact that
you can Fork it and keep everything organized because then you can do all of the planning before you ever go to
cursor I know right now we're going to hop directly into cursor after this but I'm telling you and an can speak to this
too it's very very very useful to come in with a full plan in mind expect to get stuck a lot more if you come into
diddle dle and I I like if you just like oh let's add features as we go it is fun you will you'll have fun and you can
just treat it like a for fun type thing but don't expect to like have an organized project at the end and we make
this the same style as the card prior um the gray background but other than that I think this looks pretty good
into the template and we'll create this into a site because time is of the essence we have a lot of features we
need to add your startup profile okay there you go you have a clean simple simple um simply
designed profile component so now we can just hit publish confirm and publish uh copy this link and then now we have the
profile component we can just paste that here and we're organized um now let's do the
fun stuff let's dig in we have multiple AI feat or yeah we have an AI feature we need to add which is creating the steps
to create the startup and so I'll kick it to an and he'll go through the template we just
created cool um let me just share my screen here Riley it must be nice that you can just kick it on you
know yeah it is it's nice to have I I do want to say I when I first started Ed creating apps with AI um an
was one of the people he just like reached out to me and we ended up having a 30-minute conversation and we just
like started talking and a few days later I was struggling a lot on a project after and I had hopped on a call
with him and he was like helping me with uh using AI features and he I told him I was like dude I
think in order for me to do this I think I actually just need to learn to code and he was the person who's just like no
I don't think you should I think you should do all of this without ever writing a line of code and I asked him
like do you actually think it's possible to become like a good developer without writing a single line of code and he
goes it's going to be really really hard but yes and then that's all I needed was one developer someone who who actually
knows how to build to just say like it's technically possible because I was worried I was getting in over my head
like creating apps without coding and then that's what caused me to just dive in like fully
anyway all right let's go let's make let's make some stuff okay so we have a we have this template here that we
created R and I and um all we've done is clicked the use template button on on dret they they get to this point here
and we've set up um Firebase and um a few other tools Riley do you want to speak about how people can do that if
they want to yes so um in our community so senior Swiss so senior software composer there's a tab if you want to
open that up really quickly I posted the video there and it I've have three separate videos in there going over the
setup what we didn't want to spend the time doing the like every single time you use the template you have to go
through this five to 10 minute step if it's the first time you've done it uh it takes about 15 minutes
maybe um but in the templates you can see and I wrote out all the steps so you can watch the first five to 10 minutes
of that video I go through every step to create Firebase Firebase is free and so it's super easy to get it set up and
then you just connect cursor to repet and you're good to go and that's the point that an is at now so we can get
into the fun stuff yeah so I did everything here and then I um went to this template here and I clicked use
template and that's where we're at so um I'm running this on on replate and I have cursor open here and I've connected
mentioning so now we can just jump right into it so the way that we've set up this project um is that we can Implement
pretty much any web app that you think about and that's because we're using nextjs and you don't really need to
worry about what nextjs is or what it means but it basically means that we can call any apis like open AI or CLA from
this template and um to make it easier for people to get started we've created these Pats and these Pats are a few
different apps that we thought might be interesting and we're going to add a lot more these four are just the beginning
we're going to add many many many more um and so today we're going to create like a simple social media app for
how to go about um creating that startup idea so we can honestly just get started from the social media um app path and to
get started it's really simple the first prompt so I'm going to open composer on on cursor here where I'm going to click
command I and this opens this window right here now this allows us to edit multiple files at once um cursor has two
modes um or three modes but uh this is sort of the one that allows you to edit many many files at once and we're going
to be mo mainly just using this composer mode and you are all software composers so this is where you're going to be
spending a lot of time so I'm going to just make this big and nice um and get started so um all I'm going to tell
fire okay I can even zoom in more it's fine um yeah so all you have to do is tell cursor to follow the instructions
in the social media path and you can reference any file or the whole code base or with just this at symbol and
then you can start typing the name of your file and we have this file called social media which is essentially I'll
just show it um it's like a it's a prompt um that allows us to get set up with basic functionality like
authentication um a home feed liking and commenting for pretty much any any social media app so um I'm just going to
uh the social app as described hey while he while he types that out this is very very similar to
what remember when chat gbt added custom gbts and then you could access them via the app sign where like you could just
go in the main chat and you could do the at Whimsical diagrams custom GPT and get access to it right away that's exactly
what we're doing here we're using the at sign to access notes which are basically in markdown format which
provides built-in instructions for cursor that's it it sounds like what we're doing
is we're accessing I mean every social media app has Primitives they have posts they have profiles they have likes we're
not Reinventing the wheel we're just accessing those Primitives so that we can use it in our app is that right
exactly and we've tested them so like we've we've basically created a prompt that creates a social media app and then
when we're like okay this prompt really works we add it as a path um basically to make it easier for people to get to a
specific starting point yeah so there there are two main value propositions this template offers one is like we've
set it up with a bunch of apis to common things that you might want to use like you want to update data on Firebase
which is like your database so like if you want to store any user data like um you know Riley just made a profile
component uh we might want to save like the name of the user or um the startup ideas that they're interested in all of
that would need to be stored somewhere and that's what Firebase is used for as well as images as and logging in with
Google um and then we also set up a bunch of other apis like we're going to be using uh the open AI uh chat chat GPT
API right now um to generate the steps that you need to take to do your startup idea and we've set
that all up a lot of that code is what we like to call Plumbing and it's very similar and it it doesn't
it's often times the hardest part for people who are just getting started and that's why we've we've set it all up for
you hell yeah let's send it just gonna get this prompt going and yeah the these are actually the most crucial like once
you get into the flow like Greg you saw it last time in our last podcast I struggled at the beginning because we
hadn't set up our template yet and that was trial and error like in after the podcast it was just me and an basically
um testing out like where are we going wrong and then slowly working our way backwards to make it easier for anyone
who wants to try and yeah the first prompts are critical so I would put most of your attention and then once you get
into the flow and you have the base set up it's a lot easier to make changes to the app and it it becomes more fun once
you get to that point for sure and you have a template that people can download and I I bet that there's other templates
encourage people to whenever they create a project that they like to just create a template out of it like you can throw
it on GitHub we only did it because we saw such a massive desperation need or a desire for people to like be able to
create websites with natural language like it's such an empowering thing and a lot of marketers business people want to
do it and so we decided that repet was the easiest one to just like create a temp because a lot of the time you have
to create a repo and I've never even done I've never even gone to GitHub I GitHub still scares me so like like I
like it I like the word templates a lot easier than repo you know like that's still scary but they're all over the
Internet um on you want to yeah so we uh just ran this base prompt and now we've gotten a lot of changes and let's just
see what it's done so it's updated a lot of different components it's created a lot of
Pages um it says it's implemented authentication navigation user profiles and this is the kind of flow that I like
working with with cursor I'll just click save all first and when you click save all the changes should be automatically
reflected on ret and you can see we got some errors here that's completely fine you're going to get a lot of Errors you
just need to copy them and then paste them right back in that's it that's all um and I I don't like accepting changes
until I've reached a point where there are no errors so that's why I'm just going to click save all um and all that
does is save the files syns it with ret so you can see the preview live so it said it's done the changes um and I'm
same same thing so you're saying don't get worried that errors are going to come up it's only
natural and just keep copying and pasting that's basically it yes when you're starting out when you're just
starting out yeah you have to do that but think about it he's pressing save all so at any point he could go and hit
reject all which would revert you back to the original state which is fine you get to try again um obviously once
become more um I've reached a point where I can actually pinpoint some of the errors that come up and I actually
know what the problem is um the more you do it the better you'll get but when you start out yes just copy and paste and
save very often so you can go back um that would be my best advice here quick ad break let me tell you about a
business I invested in it's called boring marketing.com so a few years ago I met this group of people that were
some of the best SEO experts in the world they were behind getting some of the biggest companies found on Google
and the secret sauce is they've got a set of technology and AI that could help you outrank your competition so for my
own businesses I wanted that I didn't want to have to rely on Mark Zuckerberg I didn't want to depend on ads to drive
customers to my businesses I wanted to rank high in Google that's why I like SEO and that's why I use boring
marketing.com and that's why I invested in it they're so confident in their approach that they offer a 30-day Sprint
with 100% money back guarantee who does that nowadays so check it out highly recommend boring marketing.com yeah so
we have something running um but there are some more errors um that are coming here um so I'm just going to keep going
down this flow for a little bit which by the way is crazy that in like 20 or something minutes you can
feeling I've ever felt like once you feel it and you make something that you have in your brain it's just so
addicting it's all I think about sometimes um we're definitely getting more errors than we did when we did a
we've done the previous um social media app in the past but this is expected and this is good data for us like okay maybe
we need to adjust the prompt in the path next time because there's going to be multiple versions and there's going to
be tons of errors and once we've accepted that and we're like all right it's not going to be perfect people are
going to get confused let's create a community that's down for errors and confusion like we're in a completely new
space at no point in human history have people been able to do this so like let's cut it some slack you have to kind
um and let's see if we go to create post it says please sign in to create a post so now at this point like I'm not
getting more errors and so what I'd want to probably do is just accept these changes um save these changes and then
I'd come to um git the git tab here in in ret and I just write a message of the changes that I've made this will just
allow you to go back where you were at um if you ever get stuck so um we definitely faced a lot
more errors than normal um but that's fine that's like these llms are non-deterministic and they will like be
completely different in different situations um and so I mean I all I did was copy paste it like I could read this
code and go and fix that error myself and that would probably work just as fine but I could also just copy paste
and we've gone to a point where this app is running we have like a really simple home feed with a post that I added
previously um but yeah let me just um go change this so homepage working but if I go into profile or um some other page it
doesn't really load so I'm just going to say homepage working um sign in not working I can't
stress enough how important this step is for if you're just beginning I promise you if you forget to do this you will
waste four hours if if you get deep into a project and you don't save you will ruin your time it will ruin a night for
you I guarantee it I've done it multiple times where like I'm now yelling at Claude I'm like return it back to how it
was because I forgot to save and claude's like I don't know which version you're talking about like and it'll it's
huge pain that's all I have to say say less I could I could see the pain in your eyes you you've seen some
stuff yeah so now now that we have um a basic version working I'm going to just reset the composer and that's just
because I want to focus on different features or different problems that are not part of this context so I
can click reset or you can close it and just open a new window um but yeah I'm just going to click reset and then
um I don't want any files here if you know how to code you can add which files you think are necessary and I could do
that but for this version uh this run through I'm just going to pretend that um you know I'm I'm not looking at the
actual code underneath so what do we have here we have a homepage working with a a post um but we don't have
profile or create post workking um and when I when we go to this it just tells us to to sign in to view our profile
similarly for create post it just says that so um that's what I'm going to tell it home feed with some posts but when I
typing this out um one thing that an told me early on that really helped me was describe what's going on
first then tell it specifically what to do you don't want to leave it up to chance there's a lot of times where like
he could say my the the profile page isn't working send like it doesn't know how you want it to solve that problem
it's like the profile page is not working um it currently looks like this here's a screenshot of the profile you
don't have to do it uh but like for example if it's a design thing screenshot it show Claude be like this
is what it looks like I don't want it to look like this please make it look look like this it should be blank and like be
very specific at the end of your prompt so it knows exactly what to do could I screenshot it draw on it type notes on
it yes but you might want to be specific about what your let's say you're like I want it to be a um a header I want it to
be a top bar and I want this icon there if you Circle your where you want it to be be like on the image I circled where
I want the Prof profile button to be and be specific like explain it like it's an intern um and it will understand you it
will get it you just got to be over specific there's a tool I use for screenshots called cleanshot X for mac
and it's just super easy to do quick screen grabs and write on it so I'll include uh I'll include a link in the
description yeah cool so I did exactly what Riley said right I described what happening now and I described what I
want so there are three changes that I want in this these are all pretty small changes and if they're pretty small
changes you can ask them in just one prompt but usually if they're larger changes I would just restrict one change
to one prompt so I'm click submit every time I do this and and I didn't even press enter I get the the Jitters I
don't know if you you guys get the Jitters too they they wear off after a while um I think that's with anything
you know with experience comes composure you know like I'm sure Tony Robbins doesn't get the Jitters before he goes
and speaks you know no I've seen him live he definitely doesn't yeah if the audience has more Jitters than he
does I I forgot to um give it context of the whole code base so I'm just going to copy my prompt reject all the
changes um reset the composer and then Bas what I had and just add code base you got distracted
when you were um telling people about the specific files so that's the way to address it's definitely good to use at
codebase earlier on uh especially because if it doesn't know what files you're talking about it's not going to
look at the right thing but we I think an and I share the perspective that context windows are going to get so big
that it'll be able to look at oh that's starting to look better I I think future models are going to be able to look at a
lot more of your codebase every prompt which is going to be way easier for us cool so now we have a log out button so
I can click log out and then I can click log in uh so login is not working we can fix that um but that was
my uh account I was showing up previously so I'm just going to ask it um did you did you put the dev domain in
Firebase yeah I did I did um I think it didn't create a login page because what it's saying is 404 so you'll pick these
things up as you go but like this is something that' be useful so when I click the login
internet for any amount of time knows that like you know the 404 error is like you know when something not be fanned um
and so that's all I told it um so I describe what's going on right now and then I'm going to say
thing you might be a complete beginner and you might not know what to tell it and that's how I started and so if
you're in doubt say please create whatever is necessary to address this issue uh because some sometimes you
won't even know what to tell it to do uh but the more you get that's part of getting better it's a skill uh and
you'll get better at explaining exactly what you want and what you need yeah do you ever ask Cloe and just be like I
don't know what's going on here teach me all the time especially when starting out yes like you'll run into errors and
I actually I suggest pasting the errors in in the beginning being like okay don't generate any code tell me what's
the problem and that you'll increase the your learning rate significantly if you actually try and learn along the way and
you just have to ask cursor yeah and maybe even being like teach me and write it in plain English like eighth grade
English be clear and concise and write in plain English yeah that's definitely good um I
would suggest using cursor's um chat feature so so here if I minimize this composer window you can press command L
and you can open chat and then you can literally just ask it codebase um explain this codebase to me
um to just see it in English so it tells you this is using a technology called nextjs which helps you make websites
faster and easier to build there's set up for user accounts using something called Firebase this lets people have
their uh sign in have their own profiles this app can do cool things like generate images have conversations with
AI use voice notes and this is just all our paths that it's getting that um information from um and now it's giv
code but you can also tell let to not give code and and give you a response that way um wait did you just generate
okay okay never mind yeah so um I'm here I'm going to save all these changes we will trying to fix the login issues and
then um I'm just going to reload the page over here this is like the path that you're at so um like the URL of the
website so I like if it's just a slash that just means the homepage so um I'm going to click login and let's see
what happens so okay it takes me to log in with Google I can select my email and now it's a log out button so if I click
profile I should be able to see my profile it got my name my email it shows me posts um I can create posts um I can
um and I'll create this post um and yeah they just created that post um I'll reload the page let me see
if the images aren't loading but now they're loading yep so this is this pretty much it and we can click like and
it shows a like counter um and I can add an comment and it shows a comment um and clearly like
this has some issues right there're like two navigation bars for some reason um but like the basic functionality is
working and all I did was copy pasted the arrows I could have gone there and like edited the code myself or could
have written this whole app myself I've been coding for almost 10 years now but it's still faster for me to just prompt
Ai and tell it what to do and get me to a point where I'm here yeah know and and so do we want to next just apply the
Styles I I pasted those in that Google doc I sent you uh an if you want to make maybe we can make those cards for the
post or do you think we have some more steps before that yeah I think we should just clean it up a little bit I don't
think it should take too long so um we can just accept these changes again it's good to accept them whenever you're done
I'll reset this composer I'll go to the git tab on duplet and I will add a message for uh login
Works um looks kind of weird and these are just for you honestly it doesn't matter if if you're not working
in a team um what those messages are but like we' saved our progress so nothing's going to be lost until that point so
don't really need them can just close them all and command shift I to to open the composer right here so I'm just
going to make a quick a few quick changes so you're going tell it um and um I have clean shot X too so why don't
we try your method Craig so I'll take a screenshot of this whole page it'll be like oh wait you can copy them directly
oh wow I'm downloading this wow it's a no-brainer it's a no-brainer what is it called cleanshot X called yeah it's
called cleanshot X I think the website's cleanshot dcom oh wait is that the one you said was part of uh set app on set
app yeah okay what's that set app is like a suite of tool you can get them individually but you can also like get a
membership to set app which gives you access to a bunch of tools or on Mac or something yeah I think Kane cway
suggested that to me yeah dozens of apps one subscription 9.99 okay wcl a link in the Des in the YouTube description I
love how quickly you can just like apply squares or rectangles and arrows that's super nice yeah and it's it's good for
this and it's also just good for sharing anything with a team member especially like when you're dealing with wireframes
designs and if everyone's a designer now because of vzero you're G probably need something like this yeah I mean the
endgame is like you're going to talk to AI exactly as you would talk to a designer employee um which scares some
employees but like also empowers you to create some cool things it's more it's more Hands-On
it's better than typing typing is kind of boring yeah so let's see if this works I've actually never um done like
this but theoretically it should um I bounded this navigation this extra one with this red box and I basically told
it for some reason there are two navigation bars in my app the blue one on top that says home profile create
um um I think we should do that in the next prompt um okay let's do it just just because it's good to focus on one
thing at once you can do multiple things at once you'll just be like expect more errors in that case um so I'm just gonna
say this and I noticed you put quotation marks uh around home I sorry profile and and stuff like that is that really
important to do no honestly um no you don't to do that but being very very descriptive is really useful so the more
specific you can be about what you want the better um so I guess think about it this way right like we gave it the image
and it it is a vision model and it's working somehow it's able to figure out like what is going on in the image um
but if it's not you can give it other context clues and so the main difference I saw between the top navigation bar the
one that we want and the this one the one that we don't want is that the top one is blue and it has four items which
say home profile create post and log out and the bottom one is has no color and um just has these three items so I was
very specific about the one that I want to keep um and I was very specific about the one that want to remove so let's see
yeah okay so it did not remove the bar um so let me let me rephrase what I'm trying to do um that did not work so let
me see if this even works it does work um but we don't we don't want it to work um the ISS so I'm going to
describe it in a different way so the issue is that the home page home feed page has a navigation
has another way to tell it and this comes with time it's like I know this page has all the same cont like it's the
home feed page cuz it's we're at home um and only this page has that navigation bar that we don't want as you can see
and so if I tell it that it'll know where to look um and then I think the reason it didn't work before is because
I didn't give it code base contact so always do that don't don't forget how does this work with mobile
um like with the voice app we made last like Works honestly it works better on my iPhone than it does on the web app
obvious obviously that will be part of our community we will get there at some point uh developing web apps on cursor
which it is possible uh even with just AI it's just a lot more difficult I've heard and you can't use repl it as
easily you're going to have to do it locally hey it worked yeah cool yeah now it worked so I I told it where to look
and I forgot to give it the code based contact so that's sort of the reason why so again I'll save this accept it and um
I'll go here and add my changes removed useless navigation hey let's let's start powering through this I want to get to
the point where all three of us make a profile and create our own uh ideas I think that would be really fun
Okay cool so let's um you want to uh focus on components maybe we just do the let's
get the AI feature working and then do the components do you think that's a better way to do it or do you think the
inverse is better um yeah I think that's a better way to do it um Okay cool so so so I was thinking that the user you know
like on Facebook you go to create a post right instead of that it's like create a new startup idea and so
user uh types in their startup idea in a text field as if it'sit chat gbt and it will generate different steps that you
startup and then yeah and it allows you to edit each of the individual steps which isn't as
straightforward as a normal chat gbt chat because this actually has to plug things into Fields right it's plugging
things into steps rather than just giving you a text response but it shouldn't be too difficult yeah so now
we're going to describe how we want to change this app so um I want this I want to modify this app to be social media
app for startup ideas um or I'm going to be more specific on the create post page I want
steps to do to to achieve that idea to use then I want to use um open AI API to generate the next steps to
achieve the idea and what's fun about this is once you get this down in the basics the the steps might not be that
great but like in theory Greg you could take all of your YouTube videos and create like a custom chat gbt assistant
and instead of calling the open AI API you can now call all of your startup ideas or all the guests that you've had
on your podcast to kind and like you could even be like watch this video here to see he talks about it at this
timestamp like it would take a lot more time to like Implement that but like as a retention method for people watching
your episode and it would just be more useful probably to see some more context on why that's the right startup step you
an yeah definitely um but it looks like it knows where it's going Oh you mean implementing AI into a software app you
know like checks out yeah yeah it's it's so it's hard and my I have done this before
and actually this is one of the first projects an and I worked on was generating something like this with
paths I was calling them paths at the time and we struggled through it but he like didn't even he purposfully didn't
help me he's just like no keep going down this path and he just like he wouldn't like give me the answer okay
let's see someone shot at a startup idea uh what was the example I was doing in the last podcast uh selling water
it's fine you know uh uh riches in the niches right is that your thing yeah that's what they
say Okay um it gave me an error um so let me come back here and say it gave you an error because Riley's idea was
painfully bad it's a zero it it evaluates it it just gives you an error it just doesn't work if it's so
bad Okay so so we are here um I've saved these changes and I'm going to tell it exactly what happened
so when I go to yeah this is actually going to be fun like as soon as we get a a deployed link
he can send it to us we can log in upload our startup ideas and we can comment on each others and see it in the
home feed I'm curious Greg what were some of the did you see any of the comments uh from the last podcast of
like things that people wanted to build or did you notice any Trends from the comments of like what excited people the
most yeah a bunch of things one and questions too you know one question that I think was on people's minds is who
owns this software meaning if I use vzero and I use repet and I use cursor is this my software or am I just
like like what's the deal here it's a good question I to my I don't know the answer if I I don't think that maybe an
would be a better like I think we own this like the I don't know actually I have no idea who owns the code like
isn't it just like open license I have no idea someone in the comment section who's hopefully a lawyer
go check it out we want to know to the bot you know we want to get to the bottom of this because you don't want to
create some we don't want to create something and it gets like a million users and then you know one from one of
these platforms is like you a bunch of money so worth looking into but I imagine the way it works is you pay for
a cursor so you're essentially licensing their software to create something that you own that's how like for example
it'sso tuno Ai and a lot of the music companies you own you own that software um because you're licensing it basically
right right yeah I I don't I would assume that's how it works um because like when you create
something on vs code it's open source so yeah I don't know I think a lot of people just watched the last video and
they were like whoa this kind of changes everything you know if creating a minimal viable product now takes a day
max I mean we've done we've done it in an hour or two um the hard part is build distribution and then just experiment
with a bunch of ideas seawood sticks um yeah and then you can make it prettier later right yeah well yeah you can make
it prettier later or uh I mean like think about how much of startups in the business world is like proposing ideas
even if you don't have the core functionality now you can just make the pretty parts and you can p people and
send them vzero links like hey imagine this app like a lot of you know if you're working at a company and you're
like hey I think we should add this feature you no longer need to send them an email with text you can send them
exactly what you think it will look like and you just you can immediately share your you can illustrate your ideas a lot
easier even if you don't want to dive into cursor and repet you can still use vzer to share your ideas an you want to
take us through um one of why we're getting these errors you think yeah so um we're just getting a lot of errors
and you can see that the error is being logged here um and I'm going through the same workflow and I think it should
figure out the problem I just copy the error you can click this Dev tools button and dret and you can paste that
in um and um you know let's see let's see if we're going to be make progress here it seems like it's unable to work
with open AI but we let me just check our secrets Tab and make sure that we have the open a API key yes we do um
okay um let's see what's going on I'll save all these changes what if you open the the dev
loog that would be pretty funny okay so I think we've made some progress um it's it's
generating um let's see how long this takes shouldn't be too long right should be like maybe like oh there we
go oh wow that's what's up you can sled comments we can still like um and this is a startup idea and
like literally I I know how to code I could have gone in the code and edited it but all I did was copy paste the
errors that you're getting clicked here saw the whole thing saw the errors and copy pasted them that's it um okay now
now an it might be useful now to maybe just use the vzer component as a screenshot because we have those green
circles the green check marks in there that I think is going to like tie everything together um to kind of make
it look like a clean list of steps and once we get that working then we can adjust the prompt like maybe we make
them a little bit shorter um but I think we're getting there we've gotten past I think the hardest part
yeah cuz someone in the comment section is going to be like but this app is so ugly no one would use it but true but
now we have something that's working and a good foundation and now we're going to go paint the walls and make it look nice
yeah I mean on like we started this actual build process 45 minutes ago and an just going slower than we normally go
because we're explaining things like if we were to just heads down build this as fast as we can like oh yeah yeah that's
so this is vzer this is what we made at the beginning of the podcast and he's just going to snag this you could grab
the code as well I don't know if what you think would be the best best way to do this an Yeah in our next version of
directly and we'll show you how to do that um and make it like make it look exactly like this but for now we're
going going to um just copy the code and then I'm going to reset this composer because I'm doing a new
um a new feature and I'm going to go back to my dlet and I'm going to be like um okay so I'll describe what we have
style the startup idea component um that display reate saying you're not you're not looking at the the
specific text like or content you are just looking at the styling I always I've gotten screwed over when doing this
the um exact content of the code provided um but just the styling I should give it context of the
code base so I'm going to um or actually it it was doing a good job I'm just going to get it
to um keep going or wait a sec just start it over just copy it it's hard to get it actually I don't got some
zoom out like command minus or whatever that's a good idea like I go all the way out and just snag it that is a good tip
until cursor fixes this um this is probably the way to go so um again I'm going to give it this
context um and give it coas yeah the cursor definitely has like just little minor bugs but I would
competition I will definitely not be the best person to I have never used any of the other competition but wait first
let's look this looks pretty solid oh yeah that's clean is there any responsiveness to
when you touch the or click on the the check marks no there isn't but I don't think
that's obvious oh we can still like and unlike we can add comments you guys just want to log into this site and add some
startup ideas yeah yeah why don't you are you going to just post the replit link yeah I'll just send this to you and
you'll have to eventually explain how to eventually get off of repet onto a custom domain yeah
definitely oh yeah we can we can do that right after we do this okay that's the E it's the easiest step once you deploy
deploying can be a challenge but replit makes it the easiest of all of them but yeah it's very easy to add a custom
domain oh wow yeah I see it on my screen do you see it Greg so interesting I am I I see so the font is