잠시만 기다려 주세요.
WTF Code
2024. 10. 10.
This Flutter tutorial will explore how to integrate Google Maps, Get user current location, custom marker, custom info windows, polygons, and polylines in flutter app. You'll learn how to display Google Maps in your app, show the user's current location, and customize map markers. Additionally, we'll dive into advanced features like adding polylines and polygons on the map and using the Google Maps API in Flutter. By the end of this video, you'll have a fully functional Google Map integration in your Flutter app, perfect for building location-based apps. Whether you're a beginner or an experienced developer, this tutorial covers everything you need to know to get started with Flutter Google Maps Source Code:https://github.com/Nabinji/Google_Maps_Flutter **If you have any queries then message me(for business purposes, any doubt and help) nabinpaudyal2057@gmail.com** Join our Discord family! We learn, share, and push each other forward on our journey together. If you have faced any error on any project or by following the tutorial we are trying to help you. link:https://discord.gg/NCy8hUVE Flutter Playlist: https://www.youtube.com/playlist?list=PLOEXB48nQMqO3us-NPMz2wAvFRLIux2jf 100 DayOf Flutter: https://www.youtube.com/playlist?list=PLOEXB48nQMqPK6gb_o4BXg3VhmabCujex Firebase Playlist: https://www.youtube.com/playlist?list=PLOEXB48nQMqMLSmTl4map86azcuB2EqwI Firebase 2024 playlist : https://www.youtube.com/playlist?list=PLOEXB48nQMqPgaDB6-rYBxX8AxFGW5lF3 API Playlist:https://www.youtube.com/playlist?list=PLOEXB48nQMqPQD-AnyHPw8dyRTJGCKQeJ Flutter Animation Playlist: https://www.youtube.com/playlist?list=PLOEXB48nQMqPmUnHkkrndLBIfzVtTYYgZ Flutter Web playlist: https://www.youtube.com/playlist?list=PLOEXB48nQMqP-9984b1ZAxMTyq0_8-eMD Flutter UI Playlist: https://www.youtube.com/playlist?list=PLOEXB48nQMqPHPN79sya9t2q1GX6SiNtU Connect with us on Social Media Twitter: https://twitter.com/NabinPaudyal2 GitHub: https://github.com/Nabinji Instagram: https://www.instagram.com/wtfcode01 Music track: Building Dreams by Aylex Source: https://freetouse.com/music Music for Video (Free Download) #flutter #googlemapstutorial #fluttergooglemap #googlemap #map #googlemapflutter #flutterui #wtfcode #wtf_code #coding #programming #flutterwidgets
#chatgptcanvas #챗gpt캔버스 #chatgpt캔버스 ChatGPT Canvas의 놀라운 기능을 소개합니다! 이 혁신적인 도구로 문서 편집과 코드 리뷰를 한 번에 해결하세요. AI 자동 피드백 기능으로 실시간 협업 효율을 200% 높일 수 있습니다. 드디어 출시된 ChatGPT Canvas는 업무 프로세스를 완전히 바꿀 것입니다. 문서 작성부터 코드 검토까지, 모든 작업을 더 빠르고 스마트하게 처리하세요. 이 영상에서는 ChatGPT Canvas의 주요 기능과 사용법을 상세히 알려드립니다. 지금 바로 확인하고 업무 효율을 극대화하세요! 00:00:00 🚀 챗GPT 캔버스 기능 소개 00:02:07 ✏️chatgpt canvas 기능 소개 및 활용 방법 00:03:20 ️📚리딩 레벨 조절 및 콘텐츠 길이 조정 기능 소개 00:06:03 📱코멘트 기능과 코딩 활용에 대한 설명 00:08:49 ️💻코드 수정, 버그 픽스 및 그래프 시각화 기능 소개 00:11:44 📊 그래프 기능 및 오픈AI 캔버스 소개 00:13:06 캔버스 기능의 작동 조건과 성능 00:15:23 기술 발전에 발맞춰 업무 효율성 극대화 #AI자동피드백 #실시간협업 #업무효율향상 #문서편집 #코드리뷰
2024. 10. 4.
Discord for any problems/errors/bugs: https://www.codewithantonio.com/discord Github & Live Website: https://www.codewithantonio.com/projects/team-chat-platform LiveKit: https://livekit.io/ Hi all 👋 In this 11 hour tutorial you will learn how to create an end-to-end fullstack and real-time discord clone, all with servers, channels, video calls, audio calls, editing and deleting messages as well as member roles. Key Features: - Real-time messaging using Socket.io - Send attachments as messages using UploadThing - Delete & Edit messages in real time for all users - Create Text, Audio and Video call Channels - 1:1 conversation between members - 1:1 video calls between members - Member management (Kick, Role change Guest / Moderator) - Unique invite link generation & full working invite system - Infinite loading for messages in batches of 10 (@tanstack/query) - Server creation and customization - Beautiful UI using TailwindCSS and ShadcnUI - Full responsivity and mobile UI - Light / Dark mode - Websocket fallback: Polling with alerts - ORM using Prisma - MySQL database using Planetscale - Authentication with Clerk Timestamps 00:00 Intro & Demo 06:57 Environment setup 26:02 Folders setup 37:05 Authentication 50:07 Dark & Light Theme setup 59:10 Prisma & Planetscale setup 01:25:18 Initial modal UI 01:46:22 UploadThing setup 02:09:32 Server creation API 02:20:45 Navigation sidebar 02:49:24 Create Server Modal 03:02:31 Server Sidebar 03:32:13 Invitations 04:06:23 Server Settings 04:15:38 Manage Members 05:04:07 Channel Creation 05:24:55 Delete & Leave server modal 05:43:40 Search Server Modal 06:10:06 Server Channels List 06:50:06 Edit Channels 07:11:56 Channel ID Page 07:24:45 Chat Header 07:40:56 Prisma Schema completion 07:52:49 Conversations Setup 08:08:39 Socket IO setup 08:25:57 Chat Input component 08:39:55 Messages API 08:50:07 Message Attachment 09:03:11 Emoji bar 09:12:21 Chat Messages component 09:43:07 Chat Item component 10:29:15 Delete Message 10:35:52 Chat Socket hook 10:55:39 Chat Scroll hook 11:08:29 Direct Messages 11:22:05 Video Calls 11:41:45 Deployment
2023. 8. 26.
Github & Additional Content: https://www.codewithantonio.com/projects/twitch-clone PART 2: https://www.youtube.com/watch?v=nav55-4ISg4 Clerk: https://dub.sh/UyH5Jb2 LiveKit: https://livekit.io/ Ngrok: https://ngrok.com/download Nodejs: https://nodejs.org/en Hi all 👋 In this free 14 hour tutorial you are going to learn how to build a Twitch Clone using Next 14. We are going to start with the basics like configuring Next.js, learning the routing concepts, and then slowly go deeper into setting up authentication, database, local tunnels, webhooks, all the way to generating RTMP and WHIP connections to connect to our OBS streaming software. Key Features: - 📡 Streaming using RTMP / WHIP protocols - 🌐 Generating ingress - 🔗 Connecting Next.js app to OBS / Your favorite streaming software - 🔐 Authentication - 📸 Thumbnail upload - 👀 Live viewer count - 🚦 Live statuses - 💬 Real-time chat using sockets - 🎨 Unique color for each viewer in chat - 👥 Following system - 🚫 Blocking system - 👢 Kicking participants from a stream in real-time - 🎛️ Streamer / Creator Dashboard - 🐢 Slow chat mode - 🔒 Followers only chat mode - 📴 Enable / Disable chat - 🔽 Collapsible layout (hide sidebars, chat etc, theatre mode etc.) - 📚 Sidebar following & recommendations tab - 🏠 Home page recommending streams, sorted by live first - 🔍 Search results page with a different layout - 🔄 Syncing user information to our DB using Webhooks - 📡 Syncing live status information to our DB using Webhooks - 🤝 Community tab - 🎨 Beautiful design - ⚡ Blazing fast application - 📄 SSR (Server-Side Rendering) - 🗺️ Grouped routes & layouts - 🗃️ MySQL - 🚀 Deployment Timestamps 00:00 Intro & Demo 06:55 Additional content 07:29 Setup 20:19 Routing concepts 40:21 Authentication 59:21 Dark mode 01:20:48 Database setup 01:31:31 Local tunnel 01:39:14 Clerk webhook 02:06:13 Navbar 02:43:05 Sidebar 03:14:01 Recommended list 03:55:38 Hydration error 04:09:38 Follow service 04:59:22 Follow list 05:12:57 Block service 05:45:43 Creator dashboard 06:25:17 Stream model 06:38:52 Chat settings 07:03:50 Part 2
2023. 12. 11.
목소리만 잠깐 듣고 그대로 따라해서 생성하는 AI가 있다면? 전문 사진 기사가 찍은 듯한 품질의 사진과 이를 기반으로한 동영상이 마구 생성된다면? 여러분은 어떠실 것 같나요? 지난 8월 8일 OpenAI는 GPT-4o System Card라는 이름으로, GPT-4o의 안정성과 관련된 연구 결과를 공개했는데요. 다양한 검토 결과가 있지만 눈에 띄는 건 빠른 반응 속도의 오디오 생성 기능이었습니다. 특히 터미네이터들이 인물들의 목소리를 그대로 따라해버리는 목소리 카피 기능을 그대로 구현하는 동시에, 목소리만 듣고 종교, 정치 등의 편향성까지도 드러났다고 하죠. 이런 AI 안정성 관련된 내용이 핫해질 즈음에 Flux AI라는, 현존 최고의 이미지 생성기가 등장하며 핫한데요. 관련 내용들 보시면서 AI 안정성에 대해 생각해보겠습니다. #OpenAI #GPT4 #FluxAI Written by Error Edited by 이진이 unrealtech2021@gmail.com
2024. 8. 14.
In this video we will look at two different solutions in Flowise for creating multi-agent projects. We will compare the differences between Sequential Agents and Multi Agents by recreating the same projects using both techniques. 🙏 Support My Channel: Buy me a coffee ☕ : https://www.buymeacoffee.com/leonvanzyl PayPal Donation: https://www.paypal.com/ncp/payment/EKRQ8QSGV6CWW 🧠 I can build your chatbots for you! https://www.cognaitiv.ai 🕒 TIMESTAMPS: 00:00 - Intro 00:44 - Creating Multi Agent Team 04:37 - Creating Sequential Agents #flowise
2024. 8. 5.
In this tutorial, beginner friendly, you will learn how to create an App using Flutter, Firebase, BLoC and ChatGPT. We are creating a Wallpaper App where the images are generated with AI. We use BLoC in order to keep this simple App well structured. We store the image in Firebase Storage and their reference in Firestore in order to display NetworkImages in our App. I hope you enjoy !!! • Subscribe to my channel: https://www.youtube.com/@romain_girou • Join the Skool Community : https://www.skool.com/flutter-squad-9325/about
2024. 3. 5.