Projects
Beautiful handmade-crafted projects

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