Welcome to the 2-day AI App challenge, where you’ll learn to build an AI-powered ChatGPT-style app in just 2 days. On Day 1, you’ll build the full UI, set up chat history with Zustand, learn about Markdown, create API routes, connect the app to OpenAI API, and more!

📚 Get the step-by-step guide and Asset Bundle: https://www.notjust.dev/blog/ai-app-challenge

❗️ React Native Mastery is the ONLY course you need to Master mobile development with React Native & Expo 🚀
Enroll here: https://www.notjust.dev/react-native-mastery

📝 This video includes a lot of tools and technologies, providing an excellent opportunity to learn:
👉 How to build a ChatGPT-like interface using React Native Expo
👉 How to manage persistent chat history using Zustand + persist
👉 How to send requests from the frontend to the backend using Expo API routes
👉 How to forward those backend requests to OpenAI’s API and handle responses
👉 How to structure your codebase for scalability using modular architecture
.. and MORE!

💡 Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJust-dev/discussions

💬 Join the notJust Development gang and let's build together:
Twitter: https://twitter.com/VadimNotJustDev
Instagram: https://www.instagram.com/VadimNotJustDev
Facebook: https://www.facebook.com/notjustdev
LinkedIn: https://www.linkedin.com/in/vadimsavin
Discord: https://discord.gg/VpURUN2

#notjustdev #aichallenge #reactnative

notJust.dev

A live coding tutorial walking through Day 1 of a two-day challenge to build a full-stack AI chat app similar to ChatGPT using React Native and Expo. Covers project setup from scratch, configuring NativeWind (Tailwind CSS for React Native), setting up Expo Router with file-based navigation, building a custom drawer menu with chat history, and dynamic route parameters for individual chat screens. OpenAI API integration via backend API routes is introduced, with more advanced topics planned for Day 2.

🔴 Day 1 - Build an AI App in 2-Days Challenge (Chat UI, Markdown & Open AI)