잠시만 기다려 주세요.
Lazy TechNo
2024. 10. 24.
In this video, I walk you through creating a sleek, one-page presentation for our Flutter Coffee App, perfect for pitching to potential coffee shop clients. We start by cleaning up the app UI, removing the debugger label, and capturing screenshots of key pages like the homepage and detailed views. Then, I bring the screenshots into Photoshop to design an A3-sized presentation with a focus on a clean, professional layout. Key Highlights: 👉 Removing debugger labels for a professional look 👉 Capturing high-quality screenshots of the app UI 👉 Designing a clean presentation in Photoshop with rounded corners 👉 Adding customer benefits and verified icons for stronger impact 👉 Preparing a print-ready presentation with a Play Store button for added appeal Follow along as I refine the app and presentation step-by-step, making it ready to showcase to coffee shop owners. Don't forget to subscribe for more tips and tutorials in this app development series! 🔔 Subscribe for more tutorials, coding tips, and app development insights! Watch the full series here: https://bit.ly/3Xp1aJj Flutter Beginner Course: https://bit.ly/3J6A9Ds 👋 Follow me on social media: Facebook: https://www.facebook.com/lazytechno Instagram: https://www.instagram.com/lazytechno_ig LinkedIn: https://www.linkedin.com/company/lazytechno GitHub: https://github.com/AmanullahGit
안녕하세요! 오늘은 20만에 진짜 돌아가는 할일앱을 만들어보겠습니다. *화질업데이트 버전 새로 올렸습니다 : https://youtu.be/FgMdF5Zr_r8 목차 00:00 최종미리보기 00:34 오픈소스 프로젝트 소개 01:00 목차설명 01:55 프로젝트 이해하기 (원본 프로젝트소개) 02:40 프로젝트 다운받고 설정하기 04:17 파이어베이스 연결하기 05:00 (팁) 파이어베이스 계정 여러개일 경우 firebase cli사용법 05:50 파이어베이스 데이터베이스 생성 및 연결 06:33 (옵션) 익명로그인 추가 06:55 애플 실행 07:38 구글 실행 08:58 데이터베이스 규칙설명 10:38 프로젝트 규칙 테스트 11:45 프로젝트 이해하기 16:45 다음시간 설명 [참고문서] 오픈소스 프로젝트 (업데이트 버전 - 이걸로 다운받으세요): https://github.com/ExplainingDeveloper/todo_app/tree/master 파이어베이스 콘솔 : https://console.firebase.google.com/ 파이어베이스 문서: https://firebase.google.com/docs/firestore/security/get-started?hl=ko 연결강의 프로젝트 업데이트 : 준비중입니다. 오픈소스 프로젝트 (원본): https://github.com/Kymoraa/todo_app
2024. 6. 2.
"감자나라ai"가 만들었습니다.
2024. 9. 20.
애플이 EU 반독점법 신경 쓴 이후 드디어 자사 Secure Element (SE) 기반 NFC api를 공개함으로써, 삼성페이, 구글페이, 티머니와 같은 타사 앱으로도 결제가 기술적으로 가능해졌습니다. 애플 월릿과 애플 페이 등 아이폰에 NFC가 탑재되어있음에도 애플은 그동안 결제만큼은 막아 왔는데요. EU의 디지털 시장법과 미국의 독점 관련 소송에 대해 먼저 8개국에 대해 이를 허용하고 차차 확대해 나갈 모양입니다. 이로써 개발자들은 애플의 NFC를 통한 결제를 가능하게 하는데요. 삼성페이와의 차이와 함께 파악해보시죠. #애플 #아이폰 #삼성페이 Written by Error Edited by 이진이
2024. 8. 19.
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap Learn how to build a Next.js Modal Form with React-Hook-Form, ShadCN/ui Dialog, Server Actions & Validation, TailwindCSS, TypeScript and more. Creating a modal form that launches from a table of results is a common use case in business applications. In this NextJS tutorial, you will learn how. 🙏 Thank you to daily.dev for sponsoring this video! Stay up to date with their amazingly free curated web development platform: https://daily.dev/dave-gray 💖 Support me on Patreon ➜ https://patreon.com/davegray 🙌 Bonus: Supporting Patreon members get the source code for my "Input With Datepicker" component that works with this Modal Form tutorial: https://www.patreon.com/posts/patron-exclusive-106135808 ⭐ Become a full-stack web dev with Zero To Mastery Courses: - Complete Next.js Developer: https://bit.ly/CompNextJSDev - Advanced React: https://bit.ly/AdvReactDev - Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr 🚩 Subscribe ➜ https://bit.ly/3nGHmNn 📬 Course Updates ➜ https://courses.davegray.codes/ ❓ Questions - Please post them to my Discord ➜ https://discord.gg/neKghyefqh ☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray 🔗 Source Code Example: https://github.com/gitdagray/nextjs-form-modal 🔗 My Next.js Videos: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6Pk-QJIdGd1tGZEzy9RTgtj 👇 Follow Me On Social Media: GitHub: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ Next.js Modal Form w/ React-Hook-Form, ShadCN/ui Dialog, Server Actions & Validation (00:00) Intro (00:17) Welcome (00:26) What's Your Story? (01:41) Next.js Modal with a Form (02:09) Prerequisites (02:35) Project Dependencies (06:09) Example App (11:56) App Components & Routing (15:45) Fetching Type-Safe Data with zod-fetch (17:39) Form Component with react-hook-form (19:30) Save Alert Confirmation Pop-up (21:35) Applying & Viewing the Modal (23:45) onSubmit Function (25:42) Next.js Server Action w/ Zod Validation (27:32) Rendering the Form with Server Action Responses 📺 Video References: 🔗 Next.js Parallel Routes: https://youtu.be/M836RZxReHU 🔗 Next.js Intercepting Routes & Modal: https://youtu.be/Ft2qs7tOW1k 🔗 Getting Started with ShadCN/ui: https://youtu.be/v0_AT8zaLo8 🔗 TypeScript Course: https://youtu.be/gieEQFIfgYc 📚 Tutorial References: 🔗 Next.js: https://nextjs.org 🔗 Next.js Parallel Routes: https://nextjs.org/docs/app/building-your-application/routing/parallel-routes 🔗 Next.js Intercepting Routes: https://nextjs.org/docs/app/building-your-application/routing/intercepting-routes 🔗 shadcn/ui: https://ui.shadcn.com/ 🔗 shadcn/ui Dialog component: https://ui.shadcn.com/docs/components/dialog 🔗 react-hook-form: https://react-hook-form.com/ 🔗 Zod: https://zod.dev/ 🔗 zod-fetch: https://www.npmjs.com/package/zod-fetch 🔗 @hookform/resolvers: https://www.npmjs.com/package/@hookform/resolvers Was this tutorial about Next.js Modal Forms including react-hook-form, ShadCN/ui, Server Actions and Zod Validation helpful? If so, please share. Let me know your thoughts in the comments. #nextjs #modal #form
2024. 6. 14.
Use code YOUTUBE to get an extra 20% off my full Cursor course here: https://www.jointakeoff.com/ Replit Link: https://replit.com/@MckayWrigley/Takeoff-School-Your-1st-AI-App?v=1 SOCIALS Twitter: https://twitter.com/mckaywrigley Instagram: https://www.instagram.com/mckaywrigley TikTok: https://www.tiktok.com/@mckaywrigley Twitch: https://www.twitch.tv/mckaywrigley GitHub: https://github.com/mckaywrigley
2023. 4. 21.
Vercel Blob is a scalable and cost-effective object storage service for static assets such as images, videos, audio files, and more. In this video, we'll add image upload functionality to our notion-style text editor. 👉🏼 The ultimate NextJs course → https://www.hamedbahram.io/courses/nextjs 👉🏼 Project source code → https://github.com/HamedBahram/next-novel 👉🏼 Novel: rich text editor in NextJs → https://youtu.be/hP0TcRcr95Q 👉🏼 Vercel blob storage → https://vercel.com/docs/storage/vercel-blob
2024. 10. 15.