μ μλ§ κΈ°λ€λ € μ£ΌμΈμ.
codewithbrandon
2024. 1. 25.
In today's tutorial, you'll learn how to build an AI fitness coach from scratch! This step-by-step tutorial is designed for coders of all levels who are interested in combining fitness and technology and potentially turning this idea into a SaaS business of their own. Technologies that you'll master in this tutorial: OpenAI Assistants, Planet Scale, Next.js 14,Tailwind CSS, TypeScript, and more! Grab the source code for free here π https://brandonhancock.io/ai-fitness-coach Don't forget to Like and Subscribe if you're a fan of free source code π Also, try out the app here before you build it π https://david-goggins-ai-coach.vercel.app/ π Need help with this project, join our free Skool Community! skool.com/ai-developer-accelerator/about If you want to learn more about my projects as I building them, you'll definitely want to follow me on LinkedIn and X: - https://www.linkedin.com/in/brandon-hancock-ai/ - https://twitter.com/bhancock_ai Here are a few other helpful resources that you should checkout: - https://www.simicart.com/manifest-generator.html/ - https://ui.shadcn.com/docs/installation/next - https://platform.openai.com/docs/assistants/how-it-works/runs-and-run-steps - https://clerk.dev/ - https://vercel.com/ - https://upstash.com/ Timestamps: 00:00:00 Introduction 00:02:00 Tutorial Overview 00:04:04 Setup NextJS Project 00:07:42 Setup Authentication - Clerk 00:15:14 Setup Pages and Routes For App 00:22:03 Create Navbar 00:28:08 Setup OpenAI Assistant Backend Code 01:03:23 Create Database with Prisma + Planetscale 01:13:39 Create AI Chat Page 02:39:28 Create Profile Page 03:24:22 Send Out AI Generated Workouts 03:44:14 Deploy App To Vercel 03:51:51 Convert App To Progressive Web App (PWA) 04:49:05 Demo PWA on iPhone 04:51:44 Automate Daily Messages with Upstash 04:57:30 Outro
In this 10 hour tutorial, we'll be building a music streaming app very similar to Spotify using the MVVM Architecture. In this project, we'll be using Flutter for the app's frontend, FastAPI for the backend, PostgreSQL for the database, Hive for local data storage and Riverpod (Generators) for state management. Prerequisites: Dart and Flutter Basics - https://youtu.be/CzRQ9mnmh44?feature=shared Riverpod basics (no need to know Riverpod generators) - https://youtu.be/pwflXIA-6YQ?feature=shared Python basics - https://youtu.be/c2zRCespYas?feature=shared HTTP basics - https://youtu.be/Hncp0mPfUvk?feature=shared Knowledge of MVVM, FastAPI, Hive, or PostgreSQL is NOT required. π Discord Server - https://discord.gg/Q8Rx8YWFVF Project Source Code - https://github.com/RivaanRanawat/flutter-spotify-clone-tutorial AppPallete Class GitHub - https://github.com/RivaanRanawat/flutter-spotify-clone-tutorial/blob/master/client/lib/core/theme/app_pallete.dart FastAPI Documentation - Dependencies with yield - https://fastapi.tiangolo.com/tutorial/dependencies/dependencies-with-yield/ GitHub Assets - https://github.com/RivaanRanawat/flutter-spotify-clone-tutorial/tree/master/client/assets/images Normalisation Principles - https://learn.microsoft.com/en-us/office/troubleshoot/access/database-normalization-description Android Manifest XML Audio Wave Code: ``` configurations.all { resolutionStrategy { eachDependency { if ((requested.group == "org.jetbrains.kotlin") && (requested.name.startsWith("kotlin-stdlib"))) { useVersion("1.8.0") } } } } ``` Timestamps: (00:00:00) Introduction & Prerequisites (00:00:56) Project Installation (00:02:29) Flutter Installation & Boilerplate Code (00:03:35) MVVM Architecture + Feature-wise Development (00:09:39) Signup Page UI, Theming & Form (00:47:46) Login Page UI (00:52:43) Virtual environment, FastAPI Setup, Exploring FastAPI, Docs (01:12:58) Signup API Route, PostgreSQL Setup & SQLAlchemy (01:54:09) Code Refactoring - Signup API (02:10:03) Login API Route (02:20:22) Psycopg2 error! (02:20:56) Client Side Login & Signup Route Integration (03:12:37) Auth View Model - Introducing Riverpod Generators, Lint! (03:52:49) Running on Android Emulator (03:55:14) Persisting Auth State & Getting User Data - JWT (04:58:58) Upload Song Page UI, Picking Color, Audio & Image Files (05:26:14) Testing on Android, Audio Wave UI (05:40:55) Uploading Song Data - PostgreSQL, Cloudinary (06:14:38) Song ViewModel - Upload Song (06:32:26) Home Page Bottom NavBar (06:42:42) Fetching & Displaying All Songs (07:13:21) Playing Songs in Flutter (from anywhere in the app) (07:25:15) Music Slab UI (07:40:45) Music Slab Functionalities - Play/Pause Music, Display Song Progress (07:56:09) Music Player UI & Functionalities (08:40:05) Storing, Fetching & Displaying Recently Played Music - Hive (09:04:07) Playing Background Music in Flutter (09:09:17) Favorite Music - Backend, Frontend (Displaying Fav Music) (10:03:19) Conclusion Connect With Me Here: GitHub: https://github.com/rivaanranawat Linkedin: https://www.linkedin.com/in/rivaan-ranawat Medium: https://namanrivaan.medium.com X: https://x.com/RanawatRivaan Instagram: https://instagram.com/optimalcoding
2024. 6. 12.
κ°λ°μ 곡λΆλ₯Ό νλ€λ³΄λ©΄ νλ‘ νΈμλμ λ°±μλ λ§κ³ λ μΈνλΌμ λν΄μ μ΄μΌκΈ°κ° λμ΅λλ€. κ·Έλ°λ° 보면 νμ€ν μ½λ©κ³Ό λ§μ΄ λ€λ₯Έ λ΄μ©μ λλ€. κ·Έλ λ€λ©΄, μ κ°λ°μμκ² μΈνλΌλ₯Ό μμμΌ νλ€λ λ§μ΄ λμμκΉμ? κ·Έλ¦¬κ³ μ΄ μΈνλΌ λ»κ³Ό λ΄μ© μμ²΄κ° λ¬΄μμΈκ°μ? μ΄λ° μ§λ¬Έλ€μ΄ κΆκΈνμ λ€λ©΄ μμμ λ΄μ£ΌμΈμ. μμμ λ΄μ£Όμ μ κ°μ¬ν©λλ€. ꡬλ κ³Ό μ’μμλ₯Ό λΆνλλ €μ~ #κ°λ°μ #μ½λ© #νλ‘ νΈμλκ°λ°μ #λ°±μλκ°λ°μ
2024. 7. 26.
Guillermo Rauch and Sarah Guo talk about all things AI, v0, Next.js App Router, and the future of frontend β Learn more about our latest ships: https://vercel.fyi/ship-recap-24 β Check out the Vercel product tour: https://vercel.fyi/producttour
2024. 5. 31.
μμ λ‘κ·ΈμΈμ μ 곡νλ μ€νλ§ OAuth2 μΈκ° μλ²μ μ체 κΈ°λ³Έ λ‘κ·ΈμΈμ ꡬννλ μμμ λλ€. λ΄μ© μ 리 Docs : https://www.devyummi.com/page?id=66e996439c2522c71d19bb09 00:00 - κ°μ 01:42 - UserEntity μμ± 02:33 - UserRepository μμ± 03:38 - SecurityConfig μμ± 05:40 - UserDTO μμ± 06:15 - UserService μμ± 08:38 - JoinController μμ± 10:00 - νμκ°μ νμ΄μ§ 10:50 - UserDetailsService μμ± 13:21 - Jackson2 μ΄μ 13:50 - νμκ°μ ν μ€νΈ #μ€νλ§μνλ¦¬ν° #μ€νλ§OAuth2 #μ€νλ§λΆνΈ
2024. 9. 18.
In this video, with the topic The King Of CSS Timing Functions | CSS Steps, I will share with everyone an extremely powerful CSS timing function that does not comply with the rules of animation timeline, like a king. Watch the video to experience more CSS skills. ----- Hello everyone, I'm creating a lot of new projects every day and sharing them π, including things you'll love to know about javascript and web Developer, Designer. Subscribe to the channel so you don't miss it β . #javascript #code #css ----- Theme VsCode I'm Using: https://youtu.be/DSxUlhIN2lk Featured video series React Js Tutorial: https://www.youtube.com/playlist?list=PLe28tn1x4EIYkPFBrutgP-j1Pe8edxLiz Design Slider - Carousel web: https://www.youtube.com/playlist?list=PLe28tn1x4EIZE0Rp8xakXrvPY7m63_6Oc E-Commerce Web Coding: https://www.youtube.com/playlist?list=PLe28tn1x4EIYlb9cvanZ97XQ5xoQpwcZD Design Parallax SCrolling Effect: https://www.youtube.com/watch?v=LlPQk6ajrnE&list=PLe28tn1x4EIbqW7C8iZ4vw7PonCHbw0Kd&pp=gAQBiAQB Web Applycation Code: https://www.youtube.com/playlist?list=PLe28tn1x4EIaNeqeXklFk2I4ZqjM1z5wh Javascript Tutorial: https://www.youtube.com/playlist?list=PLe28tn1x4EIb4_feu3SA-yFzmvzmyrIaU CSS Tutorial: https://www.youtube.com/playlist?list=PLe28tn1x4EIYuMWtE0YDraW1SWkFi_4tM Many other impressive videos: https://www.youtube.com/@lundeveloper/videos Contact With me: Instagram: https://www.instagram.com/lundev.web Email: hohoang.dev@gmail.com Buy me a cup of coffee by clicking the thanks button on any video. Thank you very much for your support π. Here, I share all my knowledge about Developer and Web Design including languages ββsuch as HTML, CSS, SASS, Javascript, Vue, React, Bootstrap, Tailwind along with clean code techniques and UI UX Design.
2024. 10. 1.
μμ΄λ§₯ λ Έλμ M3
2024. 4. 14.