As a senior software engineer, I'm hyped about what you accomplished! The best feeling ever to build software, happy that more people are able to experience this joy haha. 4 hours is impressive for someone with no programing experience.
Not feeling threatened as a software engineer = I bet you are pretty good. Takes high level of competency to realise where these tools fit in a workflow, and how they complement human skills. What they can and can't do, beyond the hype.
@@HyperSculptor Appreciate that feedback. 100% agree with y’all on evaluating what the tool is good at and what it’s not so we can use it for the right use cases. This video is a prime example of what it actually takes to write software. Even though the LLM did the grunt work of the process, this man had to think, problem solve, mockup, and describe high level solution for 4 hours. In fact, this is what it takes to build software. Now if he knew more about code, APIs, and the tech stack, he would have either a: completed this faster, b: got more features added, or c: create a much more polished product by the end. But the tool is useful and this guy used it like a real problem solver. Much kudos!
@@Brawlstriker89 1) watch your tone. 2) mostly agree anyone can do this 3) yes people need to be shown. Idk why but some people like to be inspired by other people trying to create stuff. Is that a problem?
@@rileybrownai watch your tone is a strange thing to say to a comment that is written.. not said.. how could you possibly know my tone? You’re obviously offended because my comment is right.
@@Brawlstriker89 It's because your English is poor. "lol what’s he showing that anyone can’t already do? You need someone to show you how to do prompt engineering?" is a really rude statement/rhetorical question.
Great job Riley! I am a 64 year old AI Enthusiast. I love learning and your video is awesome for these reasons. 1. You didn’t just tell us! You walked us through the process, step-by-step. 2. Many adults and legislators are concerned about how generative AI is going to impact education. There concerns are legitimate and will need to be thoughtfully navigated. However, if teachers could experience the depth of your passion and excitement you showed in this video… The excitement of learning new things and the joy of success and creating an end product in 4 1/2 hours - the outcome is you are now going to spend hours, days, months, and years learning at levels that were unimaginable before generative AI. AI celebrates self-paced learning, being able to overcome obstacles, improves problem solving skills, accelerates innovation and creativity. 3. Riley, the best part is now the “student” has become the “teacher.” Thanks for being my teacher. PS I would happily watch a 4 1/2 hour video to have seen every step you took. May your excitement reach 100’s of thousands of people.
Seeing your smiling face after successful deployment, wow, I'm so happy, I really bless you, your operation has inspired a lot of people who can't code, especially when you used 2 Claude accounts, and then let the API, keep pushing forward and updating, it's really inspiring and happy for you
This is great, thank you! I’ve sat down and tried it myself, and it’s been a really fun way to learn more about coding. I changed the styling and some of the functionality (such as the ability to rearrange notes by dragging and dropping, and setting up email reminders for important notes), and I’m going to let my friends and family use it to take notes. Very cool, I appreciate the video!
Mate, as a non dev (ultra frustrated) you boost me ! I see this is the beginning of a New Era where creativity will be unleashed without the need of spending tens of thousands of $ ... This is only the beginning I'm so happy and glad to realize that soon turning an idea into a reality won't be a nightmare as it can sometimes be ! Thanks a lot mate
Your success story is incredibly inspiring! Seeing your joy after the deployment is contagious. Your innovative approach of using two Claude accounts to drive constant API updates is a game-changer. You've empowered countless people to overcome coding barriers. Congratulations on your achievement!
As a student this is exactly I was looking for. I want to create my own Note taking method and surprisingly I came to this video. Subscribed to your channel mate. Your walkthrough tutorial is much appreciated because I needed step by step guide ❤.
I am a software engineer and this is very impressive in many ways. Besides from it letting you create this program, when it comes to learning skills this can be a really fun new way. as well as quite usefull in prototyping.
Yes! That's exactly what I did a month ago 🔥 And I was surprised the same way, haha! It took me 3 weeks to create a fully functional calendar of events with a separate admin panel under hashed(?) password and some more crazy things! And yes, for me, as a non-programmer at all, it was hard 🫣 However, the future is here 🔥🔥🔥
Can you do a video about the back end and how you got to that point? This is a very good video. Kudos to you. I found out how to create mock up websites but now I want to make them actual sites. Any videos on these are very helpful.
Definitely requires a lot of patients and I like all the points at the end around the actual use case and this being primarily a way to communicate to devs. I agree thoroughly on that and its definitely what its good for at the moment. I'm an engineer, and I use it mostly for communicating ideas quickly. But when it comes to the final product and deployments a senior dev needs to vet almost every line of code and be able to understand it deeply or you can end up with a disastrous codebase that isn't scalable nor sticking to any industry practices. There are still a lot of missing pieces AI cannot do at the moment and I think the limitation there isn't really how good the AI (essentially AI capabilities are good enough at the moments) its about how good a product can leverage AI to actually solve for these fundemental issues like, scalability, architecture, documentation, workflows, etc. This isn't a "how advanced an LLM is" problem, its a more of a human problem that needs a product that thinks through the issues.
Should have it auto tag with #overdue if the note is past the due date and not including a #complete or #cancelled or #archived. Then also have it auto tag it with #complete when you check em off in your list of upcoming items.
I liked your video, if you don't have programming experience you know some concepts, I recommend doing a complete data modeling and then you pass it on to Claude and start working.
Great video! I'm confused about Replit. When using your Repl template, I pasted the fully working Claude code into the "App.tsx" file and when running it in webview it looked completely different. I installed the necessary npm's but it still does not work. Is this on me? Or is there a fix?
One thing I can share from my experience, if you are adding a new code or API into the existing codes, make sure to give reference to the old code into Claude by copying and pasting the old codes and then using that as the references to give modifications to the new code. In this way, the old codes have changes which work well with the new code recommendations given by the AI. Hope this makes sense!
nice. you just use reactjs as front end. serveless backend with firebase. basically fullstack app. I think cool feature would be adding this to the calendar. All my toys have no front end. It's just text.
To make it multi-tear you can just add firebase. Theres payment, id, and dedicated db per user. You likely won't be able to do it through Claude AI as Google often change libraries, Vertex might be your friend in that case
I basically did the same thing a few days ago, but for a cooking recipes web app. We had the internet generation and now it is time for the AI generation.
Hi Riley. This is amazing what you have shown. I have been doing the same and learning how to code only with the help of AI (Claude). I am not a coder and don't even know what anything means. But the web app coming out to fruition is so fun. Keep going 💪 Subbed. 🎉
Riley...I got pumped with this app project of yours! Replit seems to flow (deploy) easily from Cluade. How did you discover Replit? I need to find out if moving the code, generated by Claude, to VS Code editor is doable. Do you plan to or have you, actually exported this app to run say on Android or iOS? I just subcribed to your YT channel and I think your authentic reactions, as you built the "Note App", was so dope! Thanks bro!
1- can you add the prompt in the video description? 2- and what about the 'bck-end' we need a video about the 'bck-end' and how you got to that point? 3- can you explain the bani fits of using two accounts "Claude " ?
this is the EXACT, and I mean EXACT example of what people mean when they say “AI will not take your job if you can learn to use AI to get infinite jobs”
@@tower7314I mean… that’s what people said two years ago… “we’ll see”. Well we saw, and as predicted, we are here watching a guy make an app that would have been quicker to code by hand.
Dumb questions, I need to suscribe the service to have the HTML preview? I'm not a developer and Claude gives me the entire code but I don't have the display preview same as you.
Great vid! In my Claude I don't see there Preview/Code editor on the right hand side. When I ask for code it just gives me code snippets in the regular chat. How do I get this feature?
I had the same issue - couldn't see the "Preview" and "Code" options. This happened to me while I was using Riley's steps for a totally different app idea based on screenshots from my iPhone. After I followed Riley's steps exactly as he showed (down to the exact screenshots and prompts), the "Preview" and "Code" options showed up. So, from what I can tell, the "Preview" and "Code" options only appear if you're working on a web-based app that Claude can create based on your inputs (e.g. images and prompts). Not sure if this helps. If you followed Riley's steps exactly and didn't see the "Preview" and "Code" options, then I'm also curious why that is.
Just to add...I already had the Artifacts feature enabled when i ran into the issue I explained. AhmedVonKabs comment reminded me that I forgot to mention that.
@@femioye2418that's interesting thanks. Yeah my promo was for an iOS app in Flutter code. So guess I'll have to ask it to create a web app version if I want to use the Preview feature
![Coheed and Cambria - Searching for Tomorrow [Official Video]](http://i.ytimg.com/vi/hDsYGLbmadg/mqdefault.jpg)
GUYS PART 2 IS OUT - SEE HOW FAR I'VE GOTTEN WITH THIS APP!!! ruclips.net/video/tED-TlB76lY/видео.html
As a senior software engineer, I'm hyped about what you accomplished! The best feeling ever to build software, happy that more people are able to experience this joy haha. 4 hours is impressive for someone with no programing experience.
Not feeling threatened as a software engineer = I bet you are pretty good. Takes high level of competency to realise where these tools fit in a workflow, and how they complement human skills. What they can and can't do, beyond the hype.
@@HyperSculptoractually it means more work for SWEs and SREs once there’s traffic and scalability pains.
@@HyperSculptor Appreciate that feedback. 100% agree with y’all on evaluating what the tool is good at and what it’s not so we can use it for the right use cases. This video is a prime example of what it actually takes to write software. Even though the LLM did the grunt work of the process, this man had to think, problem solve, mockup, and describe high level solution for 4 hours. In fact, this is what it takes to build software. Now if he knew more about code, APIs, and the tech stack, he would have either a: completed this faster, b: got more features added, or c: create a much more polished product by the end. But the tool is useful and this guy used it like a real problem solver. Much kudos!
@@Ivcota Interesting to read your thoughts, I'm actually coming from the arts and design world and agree 100%.
Shouldnt be hyped for long... youre done for bro
Great video. Rest of the people just build UI and show it for clickbait but you've actually done something useful with it.
What, ask ai what to do? lol what’s he showing that anyone can’t already do? You need someone to show you how to do prompt engineering?
@@Brawlstriker89 1) watch your tone. 2) mostly agree anyone can do this 3) yes people need to be shown. Idk why but some people like to be inspired by other people trying to create stuff. Is that a problem?
@@rileybrownai watch your tone is a strange thing to say to a comment that is written.. not said.. how could you possibly know my tone? You’re obviously offended because my comment is right.
@@Brawlstriker89 It's because your English is poor. "lol what’s he showing that anyone can’t already do? You need someone to show you how to do prompt engineering?" is a really rude statement/rhetorical question.
@@taylordcraig say it out loud idiot. Makes perfect sense.. haha. Common sense isn’t common anymore. That’s what this video says.
That feeling when you have 1 message left and Claude absolutely clutches it!
Hahahahahhaa yessss
It knows lol. I only have one card in my deck, DESTINY SHINING DRAW!!!!
Just for calude I created 4 gmails 😅
@@Mr.Duukee lolllllllllllllllllllllll
hahahaha really specific man. But amazing feeling, like "AT THE BUZZER"
Great job Riley! I am a 64 year old AI Enthusiast. I love learning and your video is awesome for these reasons.
1. You didn’t just tell us! You walked us through the process, step-by-step.
2. Many adults and legislators are concerned about how generative AI is going to impact education. There concerns are legitimate and will need to be thoughtfully navigated.
However, if teachers could experience the depth of your passion and excitement you showed in this video…
The excitement of learning new things and the joy of success and creating an end product in 4 1/2 hours - the outcome is you are now going to spend hours, days, months, and years learning at levels that were unimaginable before generative AI.
AI celebrates self-paced learning, being able to overcome obstacles, improves problem solving skills, accelerates innovation and creativity.
3. Riley, the best part is now the “student” has become the “teacher.” Thanks for being my teacher.
PS I would happily watch a 4 1/2 hour video to have seen every step you took.
May your excitement reach 100’s of thousands of people.
Yeah all it takes is an issue the AI is unware of to completely mess everything up.
Seeing your smiling face after successful deployment, wow, I'm so happy, I really bless you, your operation has inspired a lot of people who can't code, especially when you used 2 Claude accounts, and then let the API, keep pushing forward and updating, it's really inspiring and happy for you
top 10 feeling of my life. I hid 2 long annoying hours because I was getting so pissed
Hmm, never hurts to have a backup account lol
This is great, thank you! I’ve sat down and tried it myself, and it’s been a really fun way to learn more about coding. I changed the styling and some of the functionality (such as the ability to rearrange notes by dragging and dropping, and setting up email reminders for important notes), and I’m going to let my friends and family use it to take notes. Very cool, I appreciate the video!
Great to hear! that's what i did! this comment made me happy.
Mate, as a non dev (ultra frustrated) you boost me ! I see this is the beginning of a New Era where creativity will be unleashed without the need of spending tens of thousands of $ ...
This is only the beginning I'm so happy and glad to realize that soon turning an idea into a reality won't be a nightmare as it can sometimes be !
Thanks a lot mate
THIS COMMENT MADE ME SMILE.
Your success story is incredibly inspiring! Seeing your joy after the deployment is contagious. Your innovative approach of using two Claude accounts to drive constant API updates is a game-changer. You've empowered countless people to overcome coding barriers. Congratulations on your achievement!
LETS DO IT
Thanks - you took the time to share your knowledge with others. Also, your sharing of code templates at Replit is much appreciated.
As a student this is exactly I was looking for. I want to create my own Note taking method and surprisingly I came to this video. Subscribed to your channel mate. Your walkthrough tutorial is much appreciated because I needed step by step guide ❤.
wow maybe i'll finish this app and make it public
I am a software engineer and this is very impressive in many ways. Besides from it letting you create this program, when it comes to learning skills this can be a really fun new way. as well as quite usefull in prototyping.
I'm amazed that even without the most basic grasp of grammar, the model understands what you want to do and does it.
Is this a diss?
Yes! That's exactly what I did a month ago 🔥
And I was surprised the same way, haha!
It took me 3 weeks to create a fully functional calendar of events with a separate admin panel under hashed(?) password and some more crazy things!
And yes, for me, as a non-programmer at all, it was hard 🫣 However, the future is here 🔥🔥🔥
Amazing!
Bravo, I have been developing a couple of apps with these LLMs for sometime now, I havent completed them yet, but you gave me great hope. thnx
This is sick AF! Keep pushing the limits. Subscribed and really want to see more updates on this app!
Maybe I’ll get someone to create the backend
I can make one for you if you want @@rileybrownai
Looks like you had fun. I mean this is great, from a dev pov as well, 4 hrs is really impressive man...keep having fun! 😊🎉
That was awesome to watch man, great video!
Can you do a video about the back end and how you got to that point? This is a very good video. Kudos to you. I found out how to create mock up websites but now I want to make them actual sites. Any videos on these are very helpful.
Thank you so much Riley, it's been a while since I've received as much value as I did in this video! So excited to start creating!
I randomly came across your post about this on Twitter and it was right on time for me!
This is great, thank you for posting this!
Much love :)
Great stuff and it really looks like a great note taking app! 🤩
that's actually insane and great. talent and perseverance
Just what I needed, algo hits right
I'M GLAD THE ALGO (GOD) BROUGHT US TOGETHER.
GOD = RUclips.
Definitely requires a lot of patients and I like all the points at the end around the actual use case and this being primarily a way to communicate to devs. I agree thoroughly on that and its definitely what its good for at the moment. I'm an engineer, and I use it mostly for communicating ideas quickly. But when it comes to the final product and deployments a senior dev needs to vet almost every line of code and be able to understand it deeply or you can end up with a disastrous codebase that isn't scalable nor sticking to any industry practices. There are still a lot of missing pieces AI cannot do at the moment and I think the limitation there isn't really how good the AI (essentially AI capabilities are good enough at the moments) its about how good a product can leverage AI to actually solve for these fundemental issues like, scalability, architecture, documentation, workflows, etc. This isn't a "how advanced an LLM is" problem, its a more of a human problem that needs a product that thinks through the issues.
fair.
Building a full web app with just two screenshots is mind-blowing! AI is truly taking development to the next level. #WebDevelopment #AI #Innovation
Subbed. Love the excitement at the end. I feel the same way about all this
Worthy sub for sure 💎 this video is proof… quality and depth in this space is lacking.. also experiments… I’m here for it
Dude EXPERIMENTATION AND CREATION ❤️
This is just how you learn to program. AI didn't do it for you. You did it.
Bro, this is crazy! Request you to do more.
sitting down pressing record now
Next create a simple pixelate game with claude. 1 hour video is fine
Should have it auto tag with #overdue if the note is past the due date and not including a #complete or #cancelled or #archived.
Then also have it auto tag it with #complete when you check em off in your list of upcoming items.
Well done man! Takes persistence 👌🏽
lol it’s worth it trust me hahaha it does suck at times
Grt8 info on the potential of technology. I would avoid blasphemy as it does not add any technical inisight. Thanks
what does this mean?
I liked your video, if you don't have programming experience you know some concepts, I recommend doing a complete data modeling and then you pass it on to Claude and start working.
Hi Riley .. Great work! You are an true inspiration :) Keep going!!
Hope to see the next video how you eCommerce this great product.
Oh my good . Thats mind blowing
the best part you can use notion to sore all instead of firebase and speed up stuff 100x :D
This is insane
Thank you! We want more videos like this :)
I WILL F**KING DELIVER FOR YOU MY FRIEND!
CREATE
This is great for agile development. Develop a basic model and give it to the users for use and to get feedback.
Bro great video, appreciate you being yourself. The Busta Rhymes reference was Key😂
Wow, it's insane men
Awesome, may you also do a video over on the backed setup using claude too, thanks! 🚀
Great video! I'm confused about Replit. When using your Repl template, I pasted the fully working Claude code into the "App.tsx" file and when running it in webview it looked completely different. I installed the necessary npm's but it still does not work. Is this on me? Or is there a fix?
Sick video 🔥
this is my new fav youtuber
thanks G.
One thing I can share from my experience, if you are adding a new code or API into the existing codes, make sure to give reference to the old code into Claude by copying and pasting the old codes and then using that as the references to give modifications to the new code.
In this way, the old codes have changes which work well with the new code recommendations given by the AI.
Hope this makes sense!
Yes yes yes thank you
@@rileybrownai Much appreciated 😊
This is a great tip; I’ve learned it the hard way after struggling, wish I’d seen your comment last week lol
that was very inspiring dude
Thank you for this!
"We have Ai in our team; we can do whatever F#@ we want." - dude, my head is spinning with ideas. Thank you
Came looking for this comment. haha Best line!
nice. you just use reactjs as front end. serveless backend with firebase. basically fullstack app. I think cool feature would be adding this to the calendar. All my toys have no front end. It's just text.
Well done!
To make it multi-tear you can just add firebase. Theres payment, id, and dedicated db per user.
You likely won't be able to do it through Claude AI as Google often change libraries, Vertex might be your friend in that case
Already done new video soon
Love when the unsuspecting RUclips drops into busta rhymes 😂😂🤝 epic
🤣🤣🤣
@@rileybrownai epic stuff ignore that haters as u do
excellent work. I would actually like to see the full 4 hour tutorial.
We have AI on our Team, we can what the Fuck we want
That looks great
Nice work.. Claude is currently the best LLM for coding. I wish you should have also explained the firebase configuration part.
i didn't understand it when i made this.
Very cool! What’s the tool you use to transcribe your voice at min 7?
Actually found it myself. For whoever else is curious it's called superwhisper
Subscribed at 0:56!
Great topic, thanks 👍
I basically did the same thing a few days ago, but for a cooking recipes web app. We had the internet generation and now it is time for the AI generation.
Hi Riley.
This is amazing what you have shown. I have been doing the same and learning how to code only with the help of AI (Claude).
I am not a coder and don't even know what anything means.
But the web app coming out to fruition is so fun.
Keep going 💪
Subbed. 🎉
I build my own SaaS using GPT and Claude. don't even understand my code, but got to the interview phase of Dragon den.
This is so inspiring! Thanks for doing and sharing this!
Curious, why did you choose Claude vs ChatGPT?
BETTER ❤️
Claude is insanely better at coding. I switch between Claude and GPT4o I use Claude for the longer generated code and GPT for the easy stuff.
Awesome video
Riley...I got pumped with this app project of yours! Replit seems to flow (deploy) easily from Cluade. How did you discover Replit? I need to find out if moving the code, generated by Claude, to VS Code editor is doable. Do you plan to or have you, actually exported this app to run say on Android or iOS? I just subcribed to your YT channel and I think your authentic reactions, as you built the "Note App", was so dope! Thanks bro!
What app are you using on your Mac to chat with Claude?
Instantly subscribed @ 8:47 😂
Great Video, and congratulations on completion of a copycat with monetization. It is not possible without AI. I understand your happiness of piracy.
whay
this is the GOAT
1- can you add the prompt in the video description?
2- and what about the 'bck-end' we need a video about the 'bck-end' and how you got to that point?
3- can you explain the bani fits of using two accounts "Claude " ?
Are you going to be releasing this one when done or where we can build off of it. I know you have the starter but what about this version?
Silly question, just starting out, how do I get Claude to open the side window for viewing what has been built so far?
Even with a paid plan, Id get an hour into it before having to wait 6 hours for more messages…
YEAH. SUCKS
this is the EXACT, and I mean EXACT example of what people mean when they say “AI will not take your job if you can learn to use AI to get infinite jobs”
yes
still too complicated for me
happy for you really fire
Wooooh. Great 😃👍🎉🎉🎉
Why you didn’t show your struggles? It’s a pity, anyway nice!
if only Claude could increase the rate limits...i have 20 apps i've created the feeling is good
For people who think "well this a small project, you still need much human help for big projects", just wait a few years...
Love the video btw
Or tens of years, scaling cognition is not obviously easy
@matbmp8996 Well that's right. We will see...
Well best of luck defending your website against malicious actors.
@@tower7314I mean… that’s what people said two years ago… “we’ll see”. Well we saw, and as predicted, we are here watching a guy make an app that would have been quicker to code by hand.
ive never coded in my life and doing shit like this - yup 100% saying this to my self as well.. amazeballs.
I love the word amazeballs
I just f***** subscribed 😂🎉
LFG
that's insane
I wonder if you'd be able to make mobile apps for the play store using Claude.
ONLY TIME WILL TELL...
I WILL TELL YOU RIGHT NOW...
I WILL DIE TRYING.
Its for sure possible. But you’d need a lot more backend infrastructure to handle the builds. Though, it may be limited.
You'd be asking for trouble if you don't know intimately what each line of code does and why it's there.
@@AVeravieff yeah, building for web and building for devices has a much wider surface area for error
Brother, can you please plase tell hiw much it costed in credit. Just yo get a basic estimation
I’m sorry no clue
I don’t even look at that I just have limits
❤❤❤
Quick question, if it is a web app, does it mean it works under a domain name on a web browser? or where does it run?
The lack of a save button in the note ux is frustrating to watch.
IM SUCH A NOOB YOU'RE RIGHT.
I WAS OVERWHELMED WITH POSSIBILITIES.
TIME TO REFINE
Next landing page please 🙏🙏
Hey Riley, where can we find the code you generated with Claude?
awesome
Awesome
Dumb questions, I need to suscribe the service to have the HTML preview? I'm not a developer and Claude gives me the entire code but I don't have the display preview same as you.
yes
Hi Riley, do you need the paid version of Claude to do this?
I added it. I can now see the code in the right column but no "preview" tab?
Webview in top right search bar.
@@rileybrownaidid you see the other guys reply? I think the Preview only works for web apps not iOS
bro randomly started rapping xd
7:19 Bro rapping 😂
I’m nice wit it
Great vid! In my Claude I don't see there Preview/Code editor on the right hand side. When I ask for code it just gives me code snippets in the regular chat. How do I get this feature?
Go to settings and on the artifacts
I had the same issue - couldn't see the "Preview" and "Code" options. This happened to me while I was using Riley's steps for a totally different app idea based on screenshots from my iPhone.
After I followed Riley's steps exactly as he showed (down to the exact screenshots and prompts), the "Preview" and "Code" options showed up.
So, from what I can tell, the "Preview" and "Code" options only appear if you're working on a web-based app that Claude can create based on your inputs (e.g. images and prompts).
Not sure if this helps. If you followed Riley's steps exactly and didn't see the "Preview" and "Code" options, then I'm also curious why that is.
Just to add...I already had the Artifacts feature enabled when i ran into the issue I explained. AhmedVonKabs comment reminded me that I forgot to mention that.
@@femioye2418that's interesting thanks. Yeah my promo was for an iOS app in Flutter code. So guess I'll have to ask it to create a web app version if I want to use the Preview feature
Just tested; as soon as as I prompt it with "web app" I see the Preview tab