The latest articles on DEV Community by Dev m (@dev_m_c0190b0ea7a69d4bad6). https://dev.to/dev_m_c0190b0ea7a69d4bad6 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3332565%2Fa776bf13-a019-4e63-8ad4-eba3e0a8cb5d.png https://dev.to/dev_m_c0190b0ea7a69d4bad6 en Dev m Tue, 08 Jul 2025 10:50:09 +0000 https://dev.to/dev_m_c0190b0ea7a69d4bad6/i-built-a-jetpack-compose-notes-app-then-turned-it-into-a-free-udemy-course-2o8f https://dev.to/dev_m_c0190b0ea7a69d4bad6/i-built-a-jetpack-compose-notes-app-then-turned-it-into-a-free-udemy-course-2o8f <p>Hey devs 👋</p> <p>I recently built a full-featured <strong>note-taking app</strong> using <strong>Kotlin</strong> and <strong>Jetpack Compose</strong>.<br><br> Then I realized — why not document the entire process and turn it into a free course for others who are learning Android development?</p> <p>So I did exactly that. 🚀</p> <h2> 🧠 What the App Does </h2> <p>Focus Notes is a simple yet fully functional productivity app with:</p> <p>✅ Jetpack Compose UI<br><br> ✅ MVVM architecture<br><br> ✅ Room Database for local data<br><br> ✅ Hilt for dependency injection<br><br> ✅ Material3 theming with dark mode<br><br> ✅ Clean code and scalable structure</p> <h2> 📱 Screenshots </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2kh0jindan5tppnevuig.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2kh0jindan5tppnevuig.png" alt="Note List - Light Mode" width="516" height="914"></a><br><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3o3ih01rsbk6taitu89u.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3o3ih01rsbk6taitu89u.png" alt="Note List - Dark Mode" width="515" height="916"></a><br><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg8f6hqyxeg6o8x2mmele.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg8f6hqyxeg6o8x2mmele.png" alt="Edit Note Screen" width="519" height="916"></a></p> <h2> 📂 Tech Stack </h2> <ul> <li> <strong>Language:</strong> Kotlin </li> <li> <strong>UI:</strong> Jetpack Compose (Material3) </li> <li> <strong>Architecture:</strong> MVVM </li> <li> <strong>Data Layer:</strong> Room Database </li> <li> <strong>Dependency Injection:</strong> Hilt </li> <li> <strong>Navigation:</strong> Compose Navigation</li> </ul> <h2> 🧰 GitHub Repository </h2> <p>I’ve open-sourced the entire project here:</p> <p>👉 <a href="https://github.com/devsoftware116/focus-notes-jetpack-compose" rel="noopener noreferrer">https://github.com/devsoftware116/focus-notes-jetpack-compose</a></p> <p>Feel free to clone it, fork it, or explore how everything fits together.</p> <h2> 🎓 Free Udemy Course </h2> <p>If you want to <strong>build this app from scratch</strong>, I’ve also created a free course on Udemy — it covers everything from:</p> <ul> <li>Setting up Jetpack Compose</li> <li>Building UI and managing state</li> <li>MVVM, Hilt, Room integration</li> <li>Clean architecture and theming</li> </ul> <p>🎉 <a href="https://www.udemy.com/course/android-app-development-with-kotlin-jetpack-compose/?couponCode=JETPACKBLAST" rel="noopener noreferrer"><strong>Enroll for Free Here</strong></a></p> <p>No upsells, no email capture — just pure content.</p> <h2> 💬 Why I Made This </h2> <p>Jetpack Compose is powerful but confusing when you first get into it. I struggled with:</p> <ul> <li>State handling and recomposition</li> <li>Navigation across multiple screens</li> <li>Injecting ViewModels the right way</li> </ul> <p>That’s why I wanted to make something real, open source it, and explain it all step by step.</p> <h2> ❤️ Let Me Know What You Think </h2> <p>If you find this useful, drop a like or share it with others.<br><br> If you have questions, improvements, or feedback — feel free to open an issue or DM me.</p> <p>Thanks for reading, and happy composing!</p>