I Built a FULLY WORKING React App in 5 Minutes with Claude 3.5 Sonnet 🤯

Using Free Claude 3.5 Artifacts!!!
🔗 Links 🔗
❤️ If you want to support the channel ❤️
Support here:
Patreon - / 1littlecoder
Ko-Fi - ko-fi.com/1littlecoder
🧭 Follow me on 🧭
Twitter - / 1littlecoder
Linkedin - / amrrs

[@stefano94103]

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.

[@1littlecoder]

@@stefano94103 I'd also suggest try this and see if you could deploy it ruclips.net/video/6nA2m97ArvU/видео.html

[@tofani-pintudo]

Finally a tool for people like me, who don't know any frontend framework and just want to create an MVP.

[@1littlecoder]

Same here :)

[@AlexBrumMachadoPLUS]

Me too

[@denisblack9897]

Useless

[@KevinKreger]

Super cool. Claude 3.5 is the best... For now

[@1littlecoder]

Feel so!

[@abinmn]

Could you share which keyboard you are using? The sound is oddly satisfying

[@1littlecoder]

@@abinmn haha. I need to listen again. It was just Mac's inbuilt keyboard ⌨️

[@KumR]

Wow Adbul...this is like magic.... BTW - are you on linkedin ? Would love to follow your posts

[@1littlecoder]

Thank youl. Here's my linkedin www.linkedin.com/in/amrrs/ (not very active recently)

[@GAllium14]

Impressed with your typing speed ❤

[@1littlecoder]

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!

[@GAllium14]

@@1littlecoder um, but it's cool 😎 :)

[@1littlecoder]

Thank you :)

[@suren0401]

Will it make less react job opportunity for entry level persons?

[@1littlecoder]

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!

[@eshku]

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.

[@yogeshumalkar11]

Nice 👍🏻

[@1littlecoder]

Thank you! Cheers!

[@eshku]

I'm surprised it made clean UI, that's impressive for an AI.

[@1littlecoder]

Maybe because I said tailwind ? Not sure. Couple of more prompts without tailwind also produced very minimalistic UI

[@eshku]

@@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

[@sounakroy1933]

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?

[@1littlecoder]

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

[@sounakroy1933]

@@1littlecoder so that would reduce number of jobs.

[@1littlecoder]

@@sounakroy1933 it'd reduce the entry barriers. It's like Canva vs Photoshop for designing.

[@denisblack9897]

No, people are just making useless demos. These wont make into production😅

[@lokeshsimha2]

Hi ❤❤❤ 👋 again im first

[@1littlecoder]

Almost :)

[@thenoblerot]

TIL your name

[@1littlecoder]

Nice

[@Macorelppa]

AGI next year

[@1littlecoder]

Buhahhaa