I Built a FULLY WORKING React App in 5 Minutes with Claude 3.5 Sonnet 🤯
HTML-код
- Опубликовано: 4 окт 2024
- Using Free Claude 3.5 Artifacts!!!
🔗 Links 🔗
❤️ If you want to support the channel ❤️
Support here:
Patreon - / 1littlecoder
Ko-Fi - ko-fi.com/1lit...
🧭 Follow me on 🧭
Twitter - / 1littlecoder
Linkedin - / amrrs
I just made a net profit calculator following your video. I know very little about React framework so this would have taken me a day to figure out and I did it in 10 minutes. That's amazing to me.
@@stefano94103 I'd also suggest try this and see if you could deploy it ruclips.net/video/6nA2m97ArvU/видео.html
Finally a tool for people like me, who don't know any frontend framework and just want to create an MVP.
Same here :)
Me too
Useless
Impressed with your typing speed ❤
I'm definitely not very fast. I have a poor usage of two fingers on the right hand. Mostly 70-80 wpm guy on Monkey typing!
@@1littlecoder um, but it's cool 😎 :)
Thank you :)
Could you share which keyboard you are using? The sound is oddly satisfying
@@abinmn haha. I need to listen again. It was just Mac's inbuilt keyboard ⌨️
Thank you for sharing this great work. I'd like to ask a question, how do you have the right side of the screen with that code and preview? I cannot find the settings to have that. or is it only available for paid users? mine is free though.
You would have to switch on the artifacts first. Did you do that?
Super cool. Claude 3.5 is the best... For now
Feel so!
Wow Adbul...this is like magic.... BTW - are you on linkedin ? Would love to follow your posts
Thank youl. Here's my linkedin www.linkedin.com/in/amrrs/ (not very active recently)
I'm surprised it made clean UI, that's impressive for an AI.
Maybe because I said tailwind ? Not sure. Couple of more prompts without tailwind also produced very minimalistic UI
@@1littlecoder I'd assume cause of react \ tailwind, yea, I'd assume it ain't gonna be as good with basic html+css or canvas, there's higher chance it could pull up something messy :D
Are we not concerned that if we do not know the framework we may not be able to debug complex apps in case something breaks?
It depends what you want to achieve out of it. If you see a well established tech firms, there are Principal Engineers doing Code Review. So this could be something like a new SDE and you could still have a human do the code review and other items. On the other hand, you can just go ballistic if you don't care about those things
@@1littlecoder so that would reduce number of jobs.
@@sounakroy1933 it'd reduce the entry barriers. It's like Canva vs Photoshop for designing.
No, people are just making useless demos. These wont make into production😅
Will it make less react job opportunity for entry level persons?
I'd say it's really easy to be average with these! I don't see it'll affect existing react devs, I feel like it'll empower people like me who always dreaded javascript framworks!
You still need human to prompt, human to fix AI's dumb mistakes, human to support and continue software development \ life cycle.
Even entry level person is useful if that person is willing to learn and use AI to help.
Example coder made is very simple, but real life projects are often significantly more complex - that's where AI right now fails.
I don't know how to export it to vs code... I keep getting errors in vscode when trying to use the code it generates.
@@MrGerard0406 most of the errors will be usually due to the packages that it used. See what are the packages missing and try to install them
@@1littlecoder a lot of the errors are deprecations or due to using a new version of node.js is this typical?
Nice 👍🏻
Thank you! Cheers!
Hi ❤❤❤ 👋 again im first
Almost :)
TIL your name
Nice
AGI next year
Buhahhaa