I Re-Created MKBHD's Panels App with AI For FREE (ClaudeDev + Expo)

AICodeKing

2024. 9. 28.

Join this channel to get access to perks: https://www.youtube.com/@aicodeking/join In this video, I'll be telling you that how you can create an Wallpaper App like MKBHD's Panels App for FREE with AI. I'll be using Claude 3.5 Sonnet & ClaudeDev along with Expo & React to create a Cross-Platform Mobile App (iOS & Android). I'll be using a Backend API by Unsplash for Sourcing the Wallpapers for FREE and We'll create a Full-Stack Mobile App that works on iOS & Android with just AI. This is like a Text-To-App Tutorial for Creating Apps with AI. I'll also be reviewing the MKBHD Panels App and we'll also compare it with my ClaudeDev AI Created App. ---- Key Takeaways: 🔥 Discover the Latest Tech with AI: Learn how to create an app similar to Panels by MKBHD, a wallpaper app, using AI tools like Claude 3.5 Sonnet and React Native. 💡 Build Apps Faster with AI: See how Google Vertex AI can help you generate app features quickly, and find out how I saved time and money using ClaudeDev in VS Code. 🎨 Create Stunning Wallpaper Apps: Watch how I built a wallpaper app using the Unsplash API to source high-quality images, and integrated features that rival top apps like Panels. 🚀 React Native & Expo Power Up: Learn why I chose React Native and Expo for cross-platform app development, making it easy to create apps for iOS and Android without writing native code. 💻 Effortless Coding with AI Prompts: Experience how AI coding through ClaudeDev allows you to prompt, tweak, and build real-world apps, with tips on how to avoid common UI/UX mistakes. 💰 Save Time & Money with AI Tools: Explore how you can leverage free credits from Google Vertex AI and reduce costs by using prompt caching from services like Anthropic and OpenRouter. 📱 Unlock the Power of AI in App Development: From building functional UIs to integrating APIs, see how modern AI tools can replace hours of manual coding and transform your app-building process! ----- Timestamps: 00:00 - Introduction 00:08 - MKBHD Panel Wallpaper App Review 03:41 - Creating an MKBHD Panels App Clone with ClaudeDev, Expo & React 03:54 - Planning & Tools To Be Used (ClaudeDev, Expo, React, Unsplash) 05:36 - Creating The Panels App Clone with AI 12:07 - Final Panels Clone that I Created with AI 14:33 - Ending

Recommanded Videos

This is where most coders get it wrong!

Writing code is much more than actual coding and typing.

2024. 10. 8.

The Browser Company Is Building a Brand That Drives Viral Growth - Ep. 32 with Nashilu Mouen-Makoua

The Browser Company isn’t just building a browser, they’re building a formidable brand—and they’re doing it with AI. I sat down with Nashilu Mouen-Makoua, the head of storytelling at The Browser Company, to talk about how they tell stories that capture the cultural zeitgeist and connect authentically with their users—and how she integrates AI into her process for both. We get into: Nash’s storytelling philosophy, and why she believes focusing on people is the key to a strong brand How to she uses ChatGPT to do deep research into past cultural moments—and the songs, movies, and products that resonated most deeply in those contexts The brass tacks of how the creative team at The Browser Company comes up with great ideas—including how they structure internal meetings How Nash has integrated ChatGPT to help her polish her words What Nash thinks the gestalt of the current age is—and how The Browser Company is trying to reach “laptop people” in a fresh way We also screen share through Nash’s conversation with ChatGPT as she conducted research for an exercise in how to position Arc, and use the LLM to simulate a typical Arc user and interview them live on the show to gather preliminary customer insights. This is a must-watch for people who want to use AI to tell compelling stories about what they’re building in tech. If you found this episode interesting, please like, subscribe, comment, and share! Want even more? Sign up for Every to unlock our ultimate guide to prompting ChatGPT here: https://every.ck.page/ultimate-guide-to-prompting-chatgpt. It’s usually only for paying subscribers, but you can get it here for free. To hear more from Dan Shipper: Subscribe to Every: https://every.to/subscribe Follow him on X: https://twitter.com/danshipper Timestamps: 00:00:00 - Teaser 00:00:47 - Introduction 00:04:03 - Nash's philosophy around storytelling 00:09:07 - The Browser Company's strategy to come up with creative ideas 00:15:00 - Why Nash thinks building brands people can relate to is important 00:18:47 - How to avoid the tired narrative around AI products 00:22:21 - The ways Nash has integrated ChatGPT into her workflow 00:33:35 - Why understanding social context is important to position your product 00:41:10 - How Nash uses ChatGPT to get a gut check on her writing 00:49:50 - What Nash thinks is the gestalt of the current age 00:52:01 - Nash and Dan use ChatGPT to simulate and interview a typical Arc user Links to resources mentioned in the episode: Nashilu Mouen-Makoua: https://twitter.com/lafillemouen The Browser Company: https://thebrowser.company/, https://twitter.com/browsercompany Arc, the browser that reimagines the way we use the internet: https://arc.net/, https://twitter.com/arcinternet Tracy Chapman’s song, Talkin’ About a Revolution: https://www.youtube.com/watch?v=Xv8FBjo1Y8I

2024. 8. 28.

How to Fix CJS/ESM Bugs in Remix

Learn how to eliminate CJS/ESM bugs in your Remix application Remix Vite Plugin troubleshooting docs 👉 https://remix.run/docs/en/dev/future/vite#troubleshooting Learn more at https://remix.run

2024. 1. 18.

React Table Tutorial (TanStack Table)

In this video you'll learn how to create a complex, customizable table using the TanStack table library. The table will include lots of cool features like column resizing, custom column cells, sorting, filtering & pagination! You will learn about TanStack Table concepts such as: ColumnDefinitions, FilterState, FilterFn's, PaginationState & more! Lastly, you will learn how to build various UI components using Chakra UI. Starting Files: https://github.com/nikitadev-yt/react-table-tutorial/tree/starting-files Finished Files: https://github.com/nikitadev-yt/react-table-tutorial 0:01 Intro 0:42 Starting Files Walkthrough 1:43 useReactTable hook 2:50 Column Definitions 11:58 Column Resizing 15:40 Editable Text Column 22:33 Status Column 27:59 Date Picker Column 34:03 Filtering 52:33 Sorting 55:54 Pagination TanStack Table: https://tanstack.com/table/v8 Chakra UI: https://chakra-ui.com React Date Picker: https://www.npmjs.com/package/react-date-picker Github: https://github.com/nikitapryymak Support Me: https://www.buymeacoffee.com/nikitadev Contact Me: nikitadev292@gmail.com #react #javascript #programming

2023. 9. 16.

New Android Studio, Android 15 Betas & More - Philipp's Android News August 2024

Another episode in which you'll get all the relevant news that affect Android developers condensed into one video. 💻 Let me be your mentor and become an industry-ready Android developer in 10 weeks: https://pl-coding.com/drop-table-mentoring?utm_source=youtube&utm_medium=video&utm_campaign=default ⭐ Courses with real-life practices ⭐ Save countless hours of time ⭐ 100% money back guarantee for 30 days ⭐ Become a professional Android developer now: https://pl-coding.com/premium-courses?utm_source=youtube&utm_medium=video&utm_campaign=default Get my FREE PDF about 20 things you should never do in Jetpack Compose: https://pl-coding.com/jetpack-compose-mistakes?utm_source=youtube&utm_medium=video&utm_campaign=default Regular programming advice on my Instagram page: https://www.instagram.com/_philipplackner_/ Join my Discord server: https://discord.gg/cwQbmUstEu 00:00 - Introduction 00:26 - Android Studio Koala 06:23 - Android 15 08:06 - CMP Changes

2024. 8. 4.

42서울 소프트웨어 경진대회 스케치 & 인터뷰!

Life is 42! Challenge 42서울 소프트웨어 경진대회는 단순히 대회를 위한 일회성 프로젝트가 아닌 42서울 교육생 실생활에 꼭 필요한 서비스를 개발하는 실효성 가득한 대회였습니다! 이번 대회의 꽃은 42시간 연속 해커톤! 해커톤 현장의 생생한 모습과 참여팀들이 어떤 서비스를 개발했는지, 인터뷰를 함께 볼까요? #해커톤 #42서울 #42SEOUL #이노베이션아카데미 #소프트웨어 #SW #개발자

2023. 9. 27.

로딩 중...