잠시만 기다려 주세요.
Every
2024. 9. 24.
I used Cursor and o1 to create my own personal reading companion in less than 60 minutes—and I recorded the whole thing. Watch over my shoulder as I code it step-by-step. This will be accessible for programmers and non-programmers alike.
In this tutorial we will learn to Create a Mobile Responsive Personal Portfolio Website with Next.js, Three.js & Tailwind CSS🤩 Demo Link🖤: https://next-js-creative-portfolio-website.vercel.app/ ----------------------------------------------- Need Web Development or AI Solutions Services? 🚀 Let's bring your ideas to life! Contact Me From Here: https://tally.so/r/wdlj0N ----------------------------------------------- 👉 Try out SquareX extension from here : https://sqrx.io/cb_yt If you're looking to learn more, check out their YouTube channel @SquareXTeam . Personal Blog📖: https://devdreaming.com ----------------------------------------------------------------------------------------------------------- Starter CODE: ➡ Link 💚(Give ⭐ to the repo): https://github.com/codebucks27/Nextjs-Creative-Portfolio-Starter-Code-Files Final CODE: ➡ Link 💚(Give ⭐ to the repo): https://github.com/codebucks27/Next.js-Creative-Portfolio-Website ----------------------------------------------------------------------------------------------------------- Hey there 👋, In this comprehensive tutorial, we're pushing the boundaries of web development to craft a visually stunning and interactive 3D portfolio website. Leveraging cutting-edge technologies such as AI. Here's what you'll learn in this tutorial: 🌟 How to integrate and animate 3D models in your Next.js project for an immersive user experience 🌟 Utilizing AI-generated images from Playground AI to enhance the visual appeal of your portfolio 🌟 Converting 3D models to JSX components efficiently with Gltf JSX for easy integration into your React project 🌟 Displaying your GitHub stats dynamically with GitHub ReadMe Stats and GitHub Readme Streak Stats 🌟 Incorporating custom fonts from Google Fonts and sleek icons from Lucide Icons to refine your site's aesthetics 🌟 Implementing user-friendly notifications with Sonner and creating forms with react-hook-form for engaging user interactions 🌟 Adding life to your portfolio with smooth animations using framer-motion and managing emails seamlessly with Emailjs 🌟 We'll implement Sound component that will play the music based on user's consent and interactions For this project, we're going to use: 🌟 Next.js 🌟 Three.js | react-three-fiber | react-three-drei 🌟 Tailwind CSS 🌟 Framer-motion 🌟 Emailjs 🌟 Sonner 🌟 React-hook-form Whether you're a beginner who is eager to explore the possibilities of 3D web development or an experienced developer looking to polish your portfolio with interactive elements and professional finishes, this tutorial is tailored for you. Dive in to learn how to leverage these powerful tools and resources to build a portfolio website that stands out in the digital crowd." Like, Sub🥂 & Share! ♥ Follow me on 👇: Twitter🐤 : https://twitter.com/code_bucks LinkedIn 🔗: https://www.linkedin.com/in/codebucks/ Instagram 📫: https://www.instagram.com/code.bucks Email 📧: codebucks27@gmail.com Learn More About, ⭐ https://youtu.be/QNh0MH-G3OM ⭐ https://youtu.be/1QGLHOaRLwM ⭐ https://youtu.be/Yw7yWHigGKI ⭐ https://youtu.be/JPlVb3t6kx8 ⭐ https://youtu.be/Ra1Fsa9YJCk ⭐ https://youtu.be/edr2o59Twrs ⭐ https://youtu.be/jcohAIaSy2M ⭐ https://www.youtube.com/playlist?list=PLjxZxD6BDkeY5OvIpH_WVjsEVXOW8pBrl ⭐ https://www.youtube.com/playlist?list=PLjxZxD6BDkeZLbkPNgGxZklwPdhIAuYqV Timestamps⌛: Intro + Demo @00:00:00 About SquareX extension @00:05:46 Setup and Installation @0011:11 Layout.js file and Tailwind config @00:13:20 Home page @00:17:02 Generate Images using Playground AI @00:18:30 3D model configuration and Rendering @00:22:05 Navigation buttons @00:42:22 Creating background firefly effect @01:13:02 Projects page @01:25:16 Subpages layout @01:37:55 About page @01:45:17 Github stats & Skill icons @02:00:57 Contact page @02:15:57 Using Emailjs @02:25:15 Show toast messages @02:40:36 Mobile responsive @02:46:32 Adding animations using framer-motion @03:15:25 Adding music @03:29:06 Optimizing Images and performance @03:54:30 Disclaimer: All videos are for educational purposes only, please use them wisely. #nextjs #portfoliowebsite #threejs
2024. 3. 8.
AI-hub 한국어 음성으로 파인 튜닝된 OpenAI Whisper를 클라이언트-서버 기반 서비스를 실습하는 미니 프로젝트 입니다. 강의목록(자료): https://github.com/kafa46/acin_academy/tree/master/201_deployment#cs-file-asr 꼰대 교수님 홈페이지: https://prof.acin.kr/ ACIN Academy Open Course: https://github.com/kafa46/acin_academy/ 파인튜닝(whisper + AI-hub) 된 모델 다운로드 - OpenAI 적용 모델: whisper-small & whisper-medium - 다운로드 링크: https://drive.google.com/drive/folders/1sRK1M3AJXX9bpbOw2ZrrGbYRUTjF29PH?usp=sharing
2024. 6. 25.
💰 I'll develop your app: https://mitchkoko.app/mvp 📱 Code: https://mitchkoko.app/ 🎓 Flutter Beginner Course • https://youtu.be/HQ_ytw58tC4 ~; ⚙️ IMAGE PICKER https://pub.dev/packages/image_picker ~; https://instagram.com/createdbykoko/ https://twitter.com/createdbykoko/ https://www.tiktok.com/@createdbykoko/ https://www.patreon.com/mitchkoko/ ~; 💌 Email: business@mitchkoko.app
2024. 8. 12.
Learn to code 🔥 https://www.smoljames.com/roadmap Land a job ⭐️ https://www.hyr.sh
2024. 6. 30.
Join this channel to get access to perks: https://www.youtube.com/@aicodeking/join In this video, I'll be telling you about the new Ministral (3B & 8B) Models by Mistral AI and we'll be fully testing them as well. This is a new fully Opensource Model that we can host locally as well. It is also claimed to be better in Coding Tasks and is also really good at doing Text-To-Application, Text-To-Frontend and other things as well. I'll be testing it to find out if it can really beat other LLMs and i'll also be telling you that how you can use it. This models beats Qwen-2, Llama-3.2, Mistral, GPT-4O-Mini and Others! ---- Key Takeaways: 📈 Major AI Model Releases: The video covers two exciting AI releases, Nvidia Nemotron and Mistral Ministral, comparing them to Claude 3.5 and Llama-3.1 models. Stay updated on the latest in LLM advancements! ⚡ Ministral's New AI Models: Discover the 3B and 8B Ministral models, which feature function calling and a huge 128K context length, pushing boundaries in AI model performance. 💡 Benchmark Controversy: Dive into the benchmarking issues of Mistral’s models and why their "Knowledge and Commonsense" benchmark might be a little misleading. AI benchmarks are crucial, but manipulation is common. 🚀 Open-Source AI: While the 8B model is open-source, the 3B model is restricted to API-only access, leaving developers with limited options for experimentation. Learn more about the Mistral Research License. 💻 Coding Test Results: This video tests the 8B model against various coding challenges, such as building a confetti button and Python scripts, revealing its chain-of-thought reasoning and effectiveness in solving problems. 📊 AI Model Performance Comparison: A detailed comparison between Ministral, Llama-3.1, and Qwen-2.5, showing how Ministral holds its own in certain areas but falls short in cultural and general knowledge. 🎥 Upcoming AI Content: Stay tuned for a deep dive into the Nvidia Nemotron model, which promises to be a game-changer in the AI space. Don't miss out on these valuable insights! ----- Timestamps: 00:00 - Introduction 00:46 - About Ministral 03:09 - Testing 07:57 - Final Results & Charts 09:20 - Ending
2024. 10. 17.
이번 영상에서는 대규모 코드 리포지토리를 효과적으로 관리하는 방법에 대해 이야기합니다. 특히, 모노리포를 사용할 때 발생하는 권한 관리 문제를 해결하기 위해 서브모듈 대신 슬라이서를 사용하는 방법을 소개합니다. 서브모듈의 복잡성을 피하면서도 효율적으로 외주 작업을 관리하고, 깔끔하게 통합하는 방법을 설명합니다. 또한, 슬라이서 개념을 통해 모노리포의 장점을 극대화하고, 코드 관리의 효율성을 높이는 다양한 팁을 공유합니다. 이 접근법은 특히 회사에서 모노리포를 활용하고자 하는 개발자들에게 큰 도움이 될 것입니다.
2024. 6. 30.