์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
Mitch Koko
2024. 10. 24.
๐ Flutter Beginner Tutorial: https://youtu.be/HQ_ytw58tC4 โค๏ธ Please support my work: https://buymeacoffee.com/mitchkoko ๐ Email: business@mitchkoko.app ~; https://pub.dev/packages/lottie https://lottiefiles.com/ ~; ๐ฅท๐ฝ SOCIALS https://instagram.com/createdbykoko/ https://twitter.com/createdbykoko/ https://www.tiktok.com/@createdbykoko/ https://www.patreon.com/mitchkoko/
Built with the latest Next.js and TypeScript, LinguaSpeak is an advanced voice translation tool. It allows users to speak into the microphone, translate the spoken text to another language, and playback the translation. This project is perfect for those looking to learn how to integrate speech recognition and translation APIs into a Next.js application. โญ Preline: https://preline.co/docs/index.html โญ TailwindCSS: https://tailwindcss.com/ โญ Tabler Icons: https://tabler.io/icons โญ Aceternity UI: https://shorturl.at/3p5Dp ๐ Materials/References: GitHub Repo (give it a star โญ): https://github.com/mendsalbert/lingua-speak README (assets & code): https://github.com/mendsalbert/lingua-speak โค๏ธ BuyMeACoffe : https://www.buymeacoffee.com/mendalbert ๐ Social Media: https://twitter.com/mendsalbert https://www.instagram.com/mendsalbert_ https://linkedin.com/in/mends-albert Subscribe or your gradient Vanishes โโโฆโโโฆโโโโฆโโฆโฆโฆโฆโโโโ โโโฃโโโโโฃโโฃโโฃโโฃโโโฃโโฃ โ โโโโโโโ โโโโฃโโโโโโโฃ โโโฉโโโฉโโฉโโฉโโฉโโโฉโโฉโโ ๐ผ Business Inquiries: mendsalbert@gmail.com Timestampsย 00:00:00 - Intro + demo 00:01:21 - project setup 00:06:03 - background + Title section 00:18:43 - textarea section 00:34:09 - speech recognition component + TextArea Icons 01:07:48 - useTranslate Hook 01:19:30 - utils function 01:20:00 - putting it all together 01:30:57 - environmental variable bug +fixes 01:36:09 - finishing up 01:42:41 - testing 01:44:15 - hosting + conclusion ๐จ๐ฝโ๐ป Tools and Tech Stack React JS, NextJs, TailwindCSS,Typescript, Preline, Openai API, Tabler Icons, Javascript, AI.
2024. 7. 5.
๐งจ Hurry-up & Register today itself!๐งจ Devops for Developers course (Live class ) ๐ฅ๐ฅ: https://javatechie.ongraphy.com/courses/Devops-for-Developers-64f1e07be4b0bbd6b56f7c05 COUPON CODE : NEW24 Spring boot microservice Premium course lunched with 70% off ๐ ๐ COURSE LINK : Spring boot microservice course link : https://javatechie.ongraphy.com/courses/Spring-Boot--Microservice-62c3e1f20cf25d97f28f9fa8
2024. 8. 9.
Please don't use this in prod yet lol, or if you do at least send me your website URL so I can feature you โญ STAR THE REPO IF YOU'RE COOL: https://stack.joshtriedcoding.com/ -- my links my SaaS: https://crotus.io/ second channel (in depth videos): https://www.youtube.com/@Joshtriedupstash discord: https://discord.gg/4vCRMyzgA5 github: https://github.com/joschan21
2024. 9. 9.
Build and deploy three full-stack apps using React, Next.js, and React Native, which will level up your skills and make you an expert in web and mobile app development. โญ Appwrite: https://apwr.dev/JSMA50 ๐ Become a top 1% Next.js 14 developer: https://jsmastery.pro/next14 ๐ Skyrocket your career: https://jsmastery.pro/dev-career-accelerator Sentry - https://bit.ly/4abT6PG First Project (Banking App Platform) ๐จย Horizon Design Figma File: https://resource.jsmastery.pro/banking-app ๐งญย Logical Flow Diagram Fijam File: https://resource.jsmastery.pro/banking-app-flow ๐Materials/References: โ GitHub Repository (give it a star โญ): https://github.com/adrianhajdin/banking โ README (assets & code): https://github.com/adrianhajdin/banking/blob/main/README.md โ Plaid: https://plaid.com/ โ Dwolla sandbox account: https://accounts-sandbox.dwolla.com/login Second Project (Aora React Native App) ๐ย React Native Guide: https://resource.jsmastery.pro/react-native-guide ๐จย Aora Design Figma File: https://resource.jsmastery.pro/aora-design ๐Materials/References: GitHub Repository (give it a star โญ): https://github.com/adrianhajdin/aora README (assets & code): https://github.com/adrianhajdin/aora/blob/main/README.md Third Project (Healthcare App) ๐จ Healthcare App Figma Design - https://resource.jsmastery.pro/healthcare-design ๐ค Special Discord Forum - https://resource.jsmastery.pro/healthcare-discord ๐ Materials/References: โ GitHub Repository (give it a star โญ): https://github.com/adrianhajdin/healthcare โ README (assets & code): https://github.com/adrianhajdin/healthcare/blob/main/README.md Continue watching the last video: https://youtu.be/lEflo_sc82g?si=UZA4N2u5FA4KIpi6&t=3285 ๐ย Social Media: https://discord.gg/javascript-mastery-programming-coding-community-710138849350647871 https://twitter.com/jsmasterypro https://www.instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery https://www.linkedin.com/in/adrianhajdin/ ๐ผ Business Inquiries: contact@jsmastery.pro Time Stamps ๐ 00:00:00 โ Intro 00:09:38 โ Banking App Platform 06:36:10 โ React Native Crash Course 06:50:34 โ Aora React Native App 11:04:40 โ Healthcare App Platform
2024. 8. 2.
๋ฏธ์ฟก์์ง๋์ด์ ์ธํ๋ฐ ๊ฐ์๋ค: https://www.inflearn.com/users/1062032/courses๊ตฌ๋ ๊ณผ ์ข์์๋ ์ปจํ ์ธ ์ ์์ ํฐ ํ์ด ๋ฉ๋๋ค. ๋์์ด ๋์ จ๋ค๋ฉด ํด๋ฆญ ํ๋ฒ์ฉ ๋๋ฌ์ฃผ์ธ์! #์ค๋ฆฌ์ฝ๋ฐธ๋ฆฌ #์ค๋ฆฌ์ฝ๋ฐธ๋ฆฌ์์ถ #์ํํธ์จ์ด์์ง๋์ด์์ถ #์ฝ๋ฉ๊ฐ์ข #ํ์ด์ฌ๊ฐ์ #๋ฏธ์ฟก์์ง๋์ด #์ผ๋ผ์คํฑ์์น #elasticsearch #searchengine
2024. 5. 11.
AI ๊ฒ์ํ๋ก ์๋น์ค - ์์ผ๋ผ ํฌ๋ฆฌํฑ https://isla-critic.m47rix.com ๐ฎ์ฌ์ ๋ฐ ๊ฐ๋ฐ๋ฌธ์ kairess87@gmail.com ๐๋นตํ์ ๊ฐ๋ฐ๋์๊ตญ ํ์ ์นด์นด์คํ์ด : https://qr.kakaopay.com/Ej86nqvdu ํฌ๋ค์ด์ : https://toon.at/donate/helloworld ๋งํฌ ๋ชจ์ : https://lnk.bio/kairess #๋นตํ #claude #chatgpt #์ฑgpt #ํด๋ก๋ #ai #์ธ๊ณต์ง๋ฅ
2024. 9. 24.