- Видео 11
- Просмотров 10 987
codes with ai
США
Добавлен 25 сен 2024
I'm Pete, and I'm definitely not a developer! I'm an Indie Hacker & entrepreneur who uses AI to ship Saas products, apps, etc ;)
I built an AI girlfriend in 20 mins with Windsurf
Watch me build an app from scratch using Codeium's Windsurf editor!
SUBSCRIBE IF YOU LOVE KITTENS (or online biz)
✅ www.youtube.com/@codeswithai?sub_confirmation=1
STUFF MENTIONED IN THIS VIDEO:
👉 Windsurf: codeium.com/windsurf
👉 Windsurf Tutorial: ruclips.net/video/CLRupjhEFm8/видео.html
WEEKLY ROUNDUP NEWSLETTER with COOL STUFF I FIND ON THE INTERNET
🐿️ petemcpherson.com/
JUMP LINKS
0:00 Intro & note
0:24 Setting up project with Cascade
3:04 OpenAI API setup
8:24 Changing design/theme
9:46 Adding features
20:25 OpenAI Streaming Response
21:39 Switching to Tailwind CSS
26:27 ciao
RELATED VIDEOS
🎥 Watch me build a full-stack SvelteKit app from scratch: ruclips.net/p/PLkD4ksZgZ-npi9L_AhECcyPwgA4g8rmnW
🎥 Curs...
SUBSCRIBE IF YOU LOVE KITTENS (or online biz)
✅ www.youtube.com/@codeswithai?sub_confirmation=1
STUFF MENTIONED IN THIS VIDEO:
👉 Windsurf: codeium.com/windsurf
👉 Windsurf Tutorial: ruclips.net/video/CLRupjhEFm8/видео.html
WEEKLY ROUNDUP NEWSLETTER with COOL STUFF I FIND ON THE INTERNET
🐿️ petemcpherson.com/
JUMP LINKS
0:00 Intro & note
0:24 Setting up project with Cascade
3:04 OpenAI API setup
8:24 Changing design/theme
9:46 Adding features
20:25 OpenAI Streaming Response
21:39 Switching to Tailwind CSS
26:27 ciao
RELATED VIDEOS
🎥 Watch me build a full-stack SvelteKit app from scratch: ruclips.net/p/PLkD4ksZgZ-npi9L_AhECcyPwgA4g8rmnW
🎥 Curs...
Просмотров: 2 418
Видео
Windsurf Editor TUTORIAL // Better than Cursor? (yes)
Просмотров 9 тыс.День назад
Here's a complete tutorial on the new AI code editor from Codeium, Windsurf. Including the basics of AI commands, Cascade, and more! SUBSCRIBE IF YOU LOVE KITTENS (or shipping Saas products to make 💰💰) ✅ www.youtube.com/@codeswithai?sub_confirmation=1 STUFF MENTIONED IN THIS VIDEO: 👉 Windsurf: codeium.com/windsurf 👉 Windsurf APP BUILD from scratch (I built an AI girlfriend): ruclips.net/video/e...
Cloudflare Worker Port (changing for localhost!)
Просмотров 6221 день назад
Here's how to change the localhost port that a Cloudflare Worker uses (for dev mode). SUBSCRIBE IF YOU LOVE KITTENS (or online biz) ✅ www.youtube.com/@codeswithai?sub_confirmation=1 STUFF MENTIONED IN THIS VIDEO: 👉 CF Worker Documentation: developers.cloudflare.com/workers/ WEEKLY ROUNDUP NEWSLETTER with COOL STUFF I FIND ON THE INTERNET 🐿️ petemcpherson.com/ JUMP LINKS 0:00 - Intro and Overvie...
Cursor AI COMPOSER - Tips & Tricks
Просмотров 49321 день назад
I've been using Composer for months and I'll walk you through how to use it as well as the lessons/tips I've learned! Then I'll build an entire app in about 10 minutes :) NEW VIDEOS: Windsurf tutorial: ruclips.net/video/CLRupjhEFm8/видео.html I made an AI girlfriend with Windsurf: ruclips.net/video/emHfS63wYzo/видео.html SUBSCRIBE IF YOU LOVE KITTENS (or online biz) ✅ www.youtube.com/@codeswith...
I built an AI chatbot in 20 mins (steal my code)
Просмотров 211Месяц назад
Using Cursor, I built a fully functional AI chatbot with SvelteKit, Tailwind CSS, OpenAI. I show everything in this video, and also provide the full code! SUBSCRIBE IF YOU LOVE KITTENS (or online biz) ✅ www.youtube.com/@codeswithai?sub_confirmation=1 STUFF MENTIONED IN THIS VIDEO: 👉 Here's a link to the GitHub repo: github.com/petemcpherson/rut Steal away! WEEKLY ROUNDUP NEWSLETTER with COOL ST...
Building the codeswithai.com site in 30 mins || SvelteKit + Cloudflare Pages
Просмотров 158Месяц назад
Watch me build & deploy the simple website (with email capture & Google Analytics) in 30 mins. SUBSCRIBE IF YOU LOVE KITTENS (or online biz) ✅ www.youtube.com/@codeswithai?sub_confirmation=1 STUFF MENTIONED IN THIS VIDEO: 👉 The site: codeswithai.com/ 👉 Cursor.sh 👉 kit.svelte.dev/ WEEKLY ROUNDUP NEWSLETTER with COOL STUFF I FIND ON THE INTERNET 🐿️ petemcpherson.com/ JUMP LINKS 00:00 Introduction...
Sveltekit Full Project 5 - DaisyUI theme, branding, Tailwind CSS
Просмотров 90Месяц назад
In this video, we finalize the development of our SvelteKit app integrated with Firebase and Stripe. Watch as we polish the branding, design, and theme using DaisyUI and Tailwind CSS, create a logo and favicon, update font styles, adjust layout spacing, and troubleshoot deployment issues. See how we ensure everything works perfectly, including completing a live test on the production site. SUBS...
Sveltekit Full Project 3 - Core Logic
Просмотров 52Месяц назад
The session covers logic with Javascript & Svelte, including Tailwind CSS merging column layouts, implementing tables, creating project folders for managing links, and using AI tools for optimization. RELATED VIDEOS PART 1: ruclips.net/video/AW5mdlRwA1s/видео.html PART 2: ruclips.net/video/gfep42y3pLE/видео.html SUBSCRIBE IF YOU LOVE KITTENS (or online biz) ✅ www.youtube.com/@codeswithai?sub_co...
Sveltekit Full Project 4 - Stripe Checkout & Webhook
Просмотров 46Месяц назад
In this vid, we're hooking up Stripe! Stripe CLI testing, etc. We also make various UI improvements with Tailwind CSS and DaisyUI. SUBSCRIBE IF YOU LOVE KITTENS (or online biz) ✅ www.youtube.com/@codeswithai?sub_confirmation=1 WEEKLY ROUNDUP NEWSLETTER with COOL STUFF I FIND ON THE INTERNET 🐿️ petemcpherson.com/ RELATED VIDEOS PART 1: ruclips.net/video/AW5mdlRwA1s/видео.html PART 2: ruclips.net...
Sveltekit Full Project 2 - Firebase Auth & Firestore login / logout
Просмотров 64Месяц назад
In the second part of this build we are setting up the log in and log out functionality using Firebase Auth. We'll also use DaisyUI and Tailwind CSS for some nav components, pages, etc. SUBSCRIBE IF YOU LOVE KITTENS (or online biz) ✅ www.youtube.com/@codeswithai?sub_confirmation=1 WEEKLY ROUNDUP NEWSLETTER with COOL STUFF I FIND ON THE INTERNET 🐿️ petemcpherson.com/ RELATED VIDEOS PART 1: rucli...
Sveltekit Full Project 1 - Setting up SvelteKit, Firebase, & Vercel
Просмотров 142Месяц назад
In the first video, we're going to install & hookup the entire tech stack for our project, including SvelteKit, Firebase, Stripe, Vercel, and more! SUBSCRIBE IF YOU LOVE KITTENS (or online biz) ✅ www.youtube.com/@codeswithai?sub_confirmation=1 WEEKLY ROUNDUP NEWSLETTER with COOL STUFF I FIND ON THE INTERNET: 🐿️ petemcpherson.com/ JUMP LINKS 00:00 Introduction and Project Overview 01:50 Setting ...
Love the video well done :) made me laugh as well
then I have done my job for today :)
Pretty cool. Which platform do you use for creating these videos?
ScreenStudio (Mac app). I'm not 100% on it yet. Edited in Final Cut Pro X.
yes cursor is better but the price also 2x from windsurf. so i think i will take the cheapest , im sure they will improve this a lot later
Fair point as well.
I’m enjoying your Windsurf videos. With all the new coders around it would be cool to have a windsurf/github tutorial for beginners to show to integrate some version control.
Hi I used a github it's quite easy if you give the details for your github to windsurf it can take care of version control etc on github, just be clear when prompting so it don't make mistakes. I could ask it to put what we did into a step by step, I'm not the best teacher lol.
Also I've used some repository and worked with them seems to so very well.
I'll make it this week. Any specific questions you have you want me to address?
IDE shows potential with its smart file search and stable code-pasting functionality, but currently falls short on core features. Main issues include incomplete folder scanning, unreliable autocomplete, and incorrect code suggestions. Lacks essential customization options and expanded context limits available in competing tools like Cursor. While the foundation is promising, substantial improvements are needed.
show us if you can create an awwwards website within an hour or two
"awards website?" No clue what that means ;)
how can i withdraw my 89 USDT TRC20 from wallet to binance please help me 12 wallet recovery phrase: {pride}-{pole}-{obtain}-{together}-{second}-{when}-{future}-{mask}-{review}-{nature}-{potato}-{bulb}
Loved the video. I enjoy watching videos of a human trying to "will" an AI into making a cool piece of software. Specially when the human wins.
Especially when the *non-developer* human wins. (i.e. me)
how do you configure speech to text in windsurf editor to ?www.youtube.com/@codeswitha i
Yo don't! I use a 3rd party tool, Better Dictation.
The main problem with Windsurf is compared to Cursor that it can't read docs or something from the link but the Cursor does.
Hard agree! It's so useful to just copy/paste a link into Cursor.
Imagine saying it took long to make the app, when you are the one that doesn't know what env is lol such a vanilla javascript basic boomer 😅.
The env is clearly where you get your driver's license updated, and I knew that. Thanks.
It's funny but i just hear him say it took way too long at 9 mins and i'll be real i agree with him, i've been a developer for a long time and it's jarring now i want things instantly typing is time consuming ._.
@ApexJnr then make your own that types faster otherwise deal with what you get.
😂 I watched it again, it's fun to see someone else learn something and be confused, it's funny that it was an ENV file but yeah XD. (Thanks for the video btw)
i just serach for useful AI tools.haha maybe i need to build an boyfriend
I'm not sure I can recommend it :)
@@XXAI-1 Idea: Find one IRL!
Using both curser & windsurf so far curser is the best
agree
can you say why?
@@ilianos In my opinion, the implementation is still quite weak, even with a paid PRO period, comparable to Cursor. I share my experience using both IDEs based on the Claude 3.5 Sonnet model Cons: When you directly specify a folder for the context, it selects only partial files and does not see everything else, even when you specifically ask it to analyze all the files in the folder, so the context is very broken. Autocomplete is very poorly implemented compared to Cursor, and also offers very stupid autocompletes, for example, deleting working pieces of code that the question had nothing to do with. It often hallucinates, supplementing the code with non-existent pieces of code that have nothing to do with logic at all and creates incorrect imports or non-existent ones at all. There is no or I did not find a setting specifically for Codeium AI, where you can set a prompt instruction, for example, answer in a certain language, etc. This is strange, because when installing Codeium AI as a separate extension in VS Code, these settings are present. There is no option to select beta features, such as greater context, like in Cursor in 200k, using Claude. I am willing to pay much more than $10+ for such additional features. Pros: Has very good potential due to the use of searching for specific files through imports for better context, but this needs improvement for now. No bugs, like in Cursor, with loss of context when pasting parts of code directly into the chat. Summary: So far, a very raw product that needs significant improvements, but has good potential due to specific search by project. Overall, I would like to say that I like it, but there are still many minuses. I would like to have beta features such as greater context or analysis of all files in a specified directory, not just those that it chooses itself. I will follow the product from time to time and wish the developers success.
Hi Pete, this was so good to watch, I noticed that you were giving instructions to Windsurf with your voice, what extension or tool/software are you using? I've been looking everywhere for something like this! Thanks for your help and look forward to seeing your next video!
Better Dictation. It's fantastic! Well worth the small one-time payment.
@@codeswithai Thank you so much! I owe you big time! :)
how do you find it to Cursor, Bolt and Exponent?
Better context awareness & "mass implementation" than Cursor, but slower and is missing 1-2 features (images & URLs in chat). Cursor's inline completions & "next thing you're going to code" are superior. Haven't tried bolt yet ;)
cursor can do that codebase.. better than windsurf
Why the fuck did I get this as a result when searching for "What I've Done AI Cover" 💀 🙏
my god you're probably disappointed
@ Lmfao
Is the voice to text a Windsurf feature or something else?
Better Dictation! There are a few of these out these days, but this one was a one-time fee.
Love Windsurf. They are called Workflows due to the Agentic Flow feature... the Agent is essentially following your chain of thought for that specific workflow. E.g. I have restarted 1 project 4 times; its a very complex Phidata agentic framework that I need to be set up absolutely perfectly... and the Agent in Windsurf has LEARNED what my requirements are, and made multiple recommendations about how to implement the project that - frankly - I'd have never thought of, yet made the program significantly better. This thing is worth its weight in gold. I upgraded to a Team license literally to support them.
Super interesting. Do you know if that "knowledge" carried forward into new 'conversations'?
Don’t forget the undo button. Even if you’ve accepted changes and have gone down a bad road for a half hour of changes, you can scroll back through the chat, mouse over a comment you made and click the undo button and ALL code changes will revert to that exact moment in time. Very handy. I use it more often than I should admit.
SUPER useful, and I haven't used that yet! Thank you!
@@codeswithai I should clarify where it REALLY comes in handy: Where it really shines is times when you ask it to undo the last action, but cascade will often undo, but with changes anyway. However the undo button is an actual undo.
Using AI to write more text than a github command to cut a branch 4:58 😅
This is the way.
How was voice to text enabled in windsurf? I have a bare installation and can't figure out what's required besides the CTRL+V shown
It's a 3rd party Mac app! Nothing to do with Windsurf/Codeium. I use Better Dictation, but there are a few out there these days.
@@codeswithai Thanks! When/if it gets built into Windsurf and be able to verbally accept the suggestions and not require keystrokes, it'll truly be a Tony Stark moment
Image Chatting Is Not there in Windserf but it is there in cursor
Correctomundo
One you know Git and Github you're automatically an expert coder
this is the best code editor. been using it and am happy with it
Nothing works from the start : - doesn't import vscode settings properly - doesn't import extension settings - doesn't import keybinds - doesn't have an "apply" from chat directly, you need to copy or insert at cursor WTF are you kidding me, like really??? - inconsistent, never does what it says it will do
This hasn't been my experience, for the most part. Migration = you might inform their team what settings didn't carry over! They'd want to hear that. Apply from chat = mine does (when the AI doesn't automatically do it, it usually TELLS me that and then offers the ability to copy/insert Keybinds = totally with you. It's annoying.
It would be a lot more informative if you started with an empty startup instead of this bloated cluster of files and folders.
😂😂😂
How so?
I have a problem using the chat in windsurf. I tried to apply changes by clicking on "Apply" in the chat but I constanly get this error irrespective of the file: "File has been modified since edit was generated. Cannot apply contents" Any ideas?
My default is just to copy my prompt, start a new chat (or whatever they're calling it these days), and start again. It's a bit frustrating, but that's the case with all the AI editors I've tried.
Just reload window with cmd shift p
@vyacheslavtarshevskiy3411 to open the Command Palette? Why?
@@diesunddas405open and write ‘reload window’
Definitely giving this a try. Love Codeium, so I think this might be great too
I dig the cut of their jib. (gib?)
In my experience so far, I'm sticking with cursor. No ability to use o1 or add images. I'm also finding that cursor is better at knowing the codebase...even though people are claiming that windsurf is better at this.
Didn't realize they didn't offer o1 access yet. Interesting. I also think Cursor is currently better at inline suggestions, autocomplete, etc
Agree, autocomplete is terrible compared to cursor
hey
hi
Very good for just frontend. Authentication and backend is a mess. It breaks things as it fixes others. Same issue as bolt.new. Maybe it’s because ai still has too small context for codebase awareness. It might work better if the project is small and simple. Maybe i don’t know how to prompt it for long projects, but it shows it hasn’t replaced devs yet. With that’s said, it’s the best I’ve seen. The chat is great.
Agreed and agreed. Haven't tried bolt.net yet, that's next!
Does no one in these AI companies use CMD+L to select lines for code?!?! It's one of my most used shortcuts, and is standard across sublime, vscode, Jupyter, BigQuery, and many other editors. Why do they keep hijacking this?!?
I used to do this, too! ha. At some point I shifted (pun intended) to triple-clicking lines and then shift-clicking where I wanted to stop. Def slower and I have no idea why I do that now.
I love your vscode theme. What are you using?
"Dark High Contrast"
Nice one bro.
Thanks 🔥
Thank you for the tutorial. I actually used Windsurf today to update high performance data structures in my deep_causality project (Pull Request nr. 140). In short, Windsurf wrote two new implementations, one twice as fast, and another one that is three times as fast. It also wrote all tests, reached 100% code coverage after some tweaking, and wrote all new benchmarks. Obviously, there is a bit back and forth, but in total I spend maybe 8 hours for what would have been easily two to three weeks of profiling, research, optimization, and whatnot. I was particular impressed when Windsurf applied SIMD optimization, branchless design, and advanced memory layout since all of these are advanced topics and are very easy to get wrong. I think the company behind Windsurf really is onto something.
How good is it when writing Svelte 5 code?
As good as Cursors since it suses claude 3.5 sonnet too but you can change it also to gpt 4o
50/50 (compared to 95/5 for Svelte 4). It gets some of the runes correct, but I was having major issues trying to get it to set up a new SvelteKit project with v5. I didn't get the "npm create" vs "npx sv" changes, for example.
Thank you for your explanatory and beautiful presentation i will closely follow this channel that i discovered by chance and will eagerly await your new videos thank you.
Welcome aboard!
Hey man, thanks for the demo - feedback since channel seems new: maybe its just me but I got the feeling you are a bit stressed, maybe try to chill a bit. Maybe its just me projecting 🙂 Anyways imma go make Cursor jealous
Ha! Well you're not wrong. Good news is that it's not this YT channel at least 😉 (it's my 5th YT channel and actually feels like a BREAK from the stress parts of life)
What should I built next??
An advanced AI chatbot or a social media platform with some crazy merge of two popular platforms with AI integration.
Add voice to the app, make it with boyfriend/girlfriend photo/video like real time chatting (in style of faceapp)
Something meaningful
Flutter app for iOS or Android
Build a Pharmacy Sales and inventory management web app
ALSO--I built an AI girlfriend with Windsurf ruclips.net/video/emHfS63wYzo/видео.html
Me too but I was friend zoned on the first init
Last time i coded was in the commodore amiga 500, so after all these years, i succesfully made a windows program with windsurf.
great content bro, I have also started coding with Cursor and it's really amazing, I recorded myself coding as well.
Great 👍
Half built a rag medical app and a job application tracker in the last couple days with Cursor. Had no idea about the large composer screen so i hadn't even seen the notes! I'm mainly using .cursorrules for prompts and plans and i'm getting pretty good results. Very keen to start using the large window ha. Nice vid.
hey thanks GC! I haven't heard of .cursorrules, so I'm checking that out now ;)
@@codeswithai We should talk. Once I'm out of my coding bootcamp after the NY I'm gonna start making some content. I'm managing to make complex full stack apps in a few hours with the correct plan and prompt structure. Hit me up for chat, we can share some tips.
Could you provide project source codes? these are beneficial for the learning process.
For most vids I probably will, but this is in production and for sale!
What is that you are prompting when setting up the project is it copilot?
Cursor.sh
Sveltekit + supabase
next time ;)
QUESTIONS or VIDEO IDEAS? plz drop me a comment!
What hosting do you use? And what do your fees look like?
I like Render for anything non-static. I usually upgrade the "web service," as they call it, to the $7/mo plan. EZ-PZ. Cloudflare for static stites--cuz it's free.
Can you share source code - Thank you
No can do for this one, sadly. I will for others going forward though!
Hey, Pete! I am Arun Sarathy, from India. I really admire your work because I am also from commerce background but into tech leadership and building tech stuff these days. Subscriber no. 8 here! Gonna swallow all you teach :)
Gotta say it's crazy when I think because I noted a tool idea for storing affiliate links back in 2022 but had very less idea how to create one and was using Google sheets (I still do). Just around a month ago I built a Chrome extension (thanks to chatgpt) to do almost similar to what you have built now (without any fancy colors). Universeee! You are definitely working your serendipity here :)
aw thanks man! I appreciate that!