JavaScript Mastery

Wrapping up my year-end project! I had the privilege to design an innovative mobile application for diagnosing tomato leaf diseases from images, leveraging AI and Deep Learning techniques. 🎯 Goal: Provide farmers with a simple, intelligent tool to quickly detect plant diseases, optimize treatments, and improve crop yield. 🔍 What we implemented: ✅ Data preprocessing & data augmentation to enrich the dataset ✅ Image segmentation with U²-Net, followed by CNN training ✅ Exploring ResNet-50 to enhance performance ✅ Backend development with Flask, integrating the AI model ✅ Mobile interface built with React Native, connecting users, backend, and the model 📱 Key features of the app: ✔ Upload or capture tomato leaf images ✔ Automatic disease region segmentation ✔ Prediction and display of the diagnosis ✔ Treatment recommendations ✔ Analysis history for continuous monitoring 🙏 Special thanks to: 🔸 Wilson Toussile for guidance and training 🔸 Vincess Dongmo for insights on ResNet-50 🔸 JavaScript Mastery for React Native tutorials 🔸 Prof. Marcellin Nkenlifack, Head of Department of Mathematics and Computer Sciences at the University of Dschang, for supervision 🌱 This project allowed me to merge AI, mobile development, and smart agriculture—a promising field for the future!

I'm joining Cursor to teach the future of coding! There are millions of developers learning how to use AI and they need pragmatic advice: 1. We need to teach new developers strong foundations, so they know what to learn, and how to solve issues when debugging. 2. We need to teach experienced developers how AI can automate the tedious parts of coding, or save them time reading docs and fixing bugs. 3. We need to help developers become even more competent. AI may end up writing most of your code, but you have to review, understand, and maintain that software. This is why some experienced devs are having a great time with AI. They can ask for a pattern like "add an exponential backoff" instead of “make it more robust to errors” which may or may not work. I want to help developers become an order of magnitude more productive, and help more people contribute to building software. This is going to take a *lot* of education and retraining. So expect more videos soon, and if you have ideas for what I should teach, let me know!

🚀 Just Launched: Snapcast – Full-Stack Video Sharing Platform (Loom Clone) Excited to share Snapcast, a project I built to explore video recording, secure authentication, and streaming—wrapped in a sleek, modern UI. Huge thanks to JavaScript Mastery for the constant inspiration around clean architecture and real-world Next.js best practices. 🙌 🔹 What it does: A Loom-style platform where users can record their screen, camera, or both—with a draggable live camera overlay—and share videos instantly. 🔹 Tech stack: Next.js (frontend + backend) Better Auth (authentication) Xata (smart database + search) Drizzle ORM (type-safe DB layer) Bunny.net (video CDN + edge storage) Arcjet (bot detection & security middleware) TailwindCSS (UI styling) TypeScript (type safety) This project helped me level up my understanding of video processing, full-stack architecture, and secure user flows. 👉 Code & README: https://xmrrwallet.com/cmx.plnkd.in/eNgufZET Built using Next.js for core logic, Bunny CDN for video delivery, and Xata + Drizzle ORM for scalable data handling, Snapcast blends modern dev tools into a seamless creator experience. Would love your feedback! Have you ever built real-time screen/camera features in your apps? #NextJS #FullStackDevelopment #ReactJS #WebApp #TailwindCSS #Xata #DrizzleORM #BunnyCDN #BetterAuth #Arcjet #BuildInPublic #JavaScriptMastery #Snapcast #VideoStreaming #OpenSource #TypeScript

🚀 Excited to share a recent project I built to enhance my skills in integrating AI models into modern applications, guided by tutorial from JavaScript Mastery! An AI-powered platform designed to revolutionize job interview preparation. This project was a great opportunity to dive deep into using cutting-edge technologies, especially vital in today’s rapidly evolving AI tech landscape. Plus, it's been incredibly helpful for preparing for my own interviews right now 😅 One of the most exciting parts of this project was integrating Vapi, a cutting-edge voice AI platform that enables developers to build sophisticated conversational agents. Vapi provides seamless real-time speech-to-text and text-to-speech capabilities, allowing users to have natural, flowing conversations with AI. This means users can actually speak with an AI interviewer, making the practice session feel incredibly realistic and engaging. 🔧 Tech Stack: - Next.js 15: Frontend and backend integration - Firebase: Seamless authentication + secure data storage - TailwindCSS + shadcn/ui: Modern and responsive design - Vapi AI + Google Gemini for sophisticated voice interactions and real- time feedback - Zod, Radix UI, React Hook Form, Sonner for modern, maintainable UI/UX ✨ Key Features: - Secure email/password authentication using Firebase - AI-generated mock interviews with voice assistance - Instant AI-driven feedback and detailed interview scoring - Interactive dashboard to manage and review interview history - Fully responsive design with dark mode support In today's rapidly evolving tech landscape, understanding how to integrate AI models isn't just a nice-to-have—it's becoming essential. This project gave me hands-on experience with the tools that are shaping the future of web development. #NextJS #Firebase #TailwindCSS #AI #MachineLearning #WebDevelopment #JavaScriptMastery

Hello Connections!🙌 Introducing LoreCrate – My First Next.js Project! Super excited to share something I've been building: LoreCrate — a creative platform where AI turns academic concepts into engaging formats like: 📚 Narrative stories 🎮 Mini games 🎙️ AI-generated podcasts Instead of just reading chapters, imagine experiencing them through gamified, AI-driven content — that's the vision of LoreCrate! 🛠️ Built with: ⚡️ Next.js 15 – my very first website using this amazing React framework 🎨 Tailwind CSS – for sleek, responsive UI design 🌐 Vercel – for fast and smooth deployment 🧠 A full-stack setup with MongoDB for authentication and data management ✨ Key Features: Discover, explore, and share unique AI prompts Learn through immersive stories, games, and audio Simple UI, smooth UX, and a creator-first mindset 🔗 Check it out live: https://xmrrwallet.com/cmx.plnkd.in/gmJ5mEkB Special thanks to JavaScript Mastery for their amazing tutorials and guidance throughout the journey. Your resources made diving into Next.js much smoother! This was a huge learning experience for me — from structuring pages in Next.js to styling with Tailwind and deploying with OAuth integrations. I'm grateful for every bug and every breakthrough! Would love your thoughts, suggestions, or even collab ideas! 💡 If you're passionate about edtech, storytelling, or AI — let's connect! 🙌 #LoreCrate #Nextjs #TailwindCSS #OpenAI #WebDevJourney #Vercel #StudentProjects #EdTech #AIInEducation #CreativeLearning