Projects
Beautiful handmade-crafted projects
No More Overlapping Keyboards in RN
Learn how to avoid overlapping keyboards in React Native.
Todo App with Prisma
Learn how to build and deploy a full-stack Todo app using Expo Router, Prisma Accelerate, and EAS Hosting — from database to production. Includes setup, API routes, caching, and deployment using Prisma's new managed Postgres offering.
Particles Animation
Learn how to build a particles animation using React Native Reanimated and Expo.
Modern Chat App
Learn how to build a real-time multi-user chat app using React Native and Expo with Clerk for Passkeys & Google Sign-In and Appwrite for the backend. Seamless auth, modern UI, real-time updates—everything you need to ship a production-ready chat app.
EAS Build Webhook
Learn how to create a webhook to receive notifications when your EAS Build is complete! This video also includes a guide on creating a Telegram bot and deploying an API route handler to EAS Hosting.
Shopping List App
Build a Local-First Shopping List App with Expo, TinyBase, Clerk, Expo Router, and Cloudflare Durable Objects.
Expo Mesh Gradient
Expo Mesh Gradient built with Expo
Obscura Pro Camera Clone
Obscura Pro Camera Clone built with Vision Camera and Expo
Notion Clone
Local-First Notion Clone built with Expo and Prisma ORM
React Navigation Form Sheet
Learn about the React Navigation Form Sheet.
React Navigation v7
Learn about the new React Navigation v7, Static Routes, Authentication Flows, Animations, etc.
Expo Linear Gradient
Learn to use react-native-gifted-charts library to create a beautiful, pixel-perfect charts.
React Native Charts Tutorial
Learn to use react-native-gifted-charts library to create a beautiful, pixel-perfect charts.
Snapchat Camera Clone
Learn to build a Snapchat-like camera app using Expo Camera in React Native. We'll cover permissions, taking photos/videos, saving media, and QR code scanning.
Master SF Symbols in React Native with Expo Symbols
In-depth tutorial on using the Expo Symbols package with React Native, covering installation, Android fallbacks, symbol animation, customization and more.
Blur Bottom Sheet with React Navigation
Here's my new video! In this video, we explore how to integrate a bottom sheet view using just React Navigation. We tweak presentation options, combine custom styling with Expo Blur View, and achieve a beautiful final result. At the end, we discuss some limitations, alternatives, and best practices for this kind of sheet.
Budget Buddy App
Real world budget app built with SQLite
Talk GPT
Talk with Chat GPT in real-time built with React Native Expo
Sign In with Github
Integrate Sign In with GitHub with React Native
Threads Clone
Threads Clone built with Expo 49
Uploading videos & images to Firebase Storage
Upload Videos an Images to Firebase Storage with React Native.
React Native Firebase Google Sign In
Learn how to authenticate users with Google and Firebase in your React Native Expo application
React Navigation for Beginners
Learn to integrate complex navigation flows with React Native Navigation
Tutorial Keyboard Avoiding View
Learn how to use KeyboardAvoidingView with React Native
Sign In with Google
Sign In with Google using React Native Expo and expo-auth-session
Animated Bottom Tab
Create an Animated Bottom Tab with React Native and Reanimated. (typescript, CLI)
Facebook Login
Learn how to integrate Sign In with Facebook on your React Native Expo App.
Animated List
Create an Animated List with React Native and Reanimated.
Snake 🐍 Game
Create a classic 🐍 Snake Game with React Native
Animated Splash Screen
Transform your app's splash screen from a boring static image to an eye-catching animated display with Lottie animations! 🚀🎨
Full Stack To Do App
Build a Full Stack App with RN, Express and MYSQL.
To Do List - Vanilla JS
Build a beautiful To Do List with Vanilla JavaScript, HTML and CSS.
Hidden Letter
Learn how to build a fun and interactive game using React, Hidden Letter
Minesweeper
Create a Minesweeper game with React Native.
Memory Game
Learn how to create a Memory game with React Native.
E-Commerce UI
E-commerce UI built with React Native and NativeWind wich allow us to style using tailwind CSS. With Dark Mode support.
Dark Mode Example
Learn how to integrate dark mode in your website
Bottom Sheet Modal
Learn how create a Twitter like bottom modal with React Native
Custom Fonts
Learn how to use custom fonts with React Native Expo.
Expo 46
Example project showing Expo 46 new features
Neumorphic Design
Neumorphic Design with React Native and Skia
Recoil
Recoil is a state management library for React.
Blur Effect
Tutorial blur effect with react, css and javascript
FlashList
FlashList example using Expo Client
Sign In with Google
Sign In with Google using React Native Expo
2D Game
2D Game made just with JavaScript HTML and CSS
React Native Camera
React Native Camera example with expo
Login with Tailwind
Beautiful login page with Tailwind CSS and React
CRUD Firebase
Firebase Create, Read, Update, Delete, crud in react native
Skeleton RN
Skeleton using Moti and Suspense for React Native
Modal RN
Custom Modal with React Native CLI
Google Maps
Google Maps App using React Native and Expo
Fullstack App
Fullstack App using React Native, Graphql, Apollo, Nodejs, and more.
Styled Components
Styled Components with React Native example
Suspense Example
React Native Example of how to use Suspense
Suspense Example
Example of how to use Suspense with React 18
Infoji
Infoji is a web app that shows information about emojis. Build with React, TypeScript, Nextjs, and Tailwindcss.
Tailwind with RN
Example of TailwindCSS with React Native
Local Authentication
Local authentication with Expo Go
Calculator
Simple calculator with dark mode
Minimalistic To Do
A minimalistc to do app made using React Native and Redux
Chat App
Real-time chat app built with RN, Firebase, and Firestore.
Pokedex App
Pokedex made using React Native, Redux and the Pokenode-ts API.
Coinbase Clone
Coinbase clone using Redux, Crypto Compare and CoinMarketCap APIs