Projects
Beautiful handmade-crafted projects
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FuTrPte0sCiw%2Fmaxresdefault.jpg&w=3840&q=75)
Notion Clone
Local-First Notion Clone built with Expo and Prisma ORM
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FatwMj2U24Nw%2Fmaxresdefault.jpg&w=3840&q=75)
React Navigation Form Sheet
Learn about the React Navigation Form Sheet.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FXoumiwHbKDg%2Fmaxresdefault.jpg&w=3840&q=75)
React Navigation v7
Learn about the new React Navigation v7, Static Routes, Authentication Flows, Animations, etc.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FcLSxmaLgHaU%2Fmaxresdefault.jpg&w=3840&q=75)
Expo Linear Gradient
Learn to use react-native-gifted-charts library to create a beautiful, pixel-perfect charts.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FdlQPui1GVnw%2Fmaxresdefault.jpg&w=3840&q=75)
React Native Charts Tutorial
Learn to use react-native-gifted-charts library to create a beautiful, pixel-perfect charts.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FCw08RqFel6I%2Fmaxresdefault.jpg&w=3840&q=75)
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.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FnjY1VJJ1HOw%2Fmaxresdefault.jpg&w=3840&q=75)
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.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FkbA2rK9AxMk%2Fmaxresdefault.jpg&w=3840&q=75)
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.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2Fdl74XgJYK1A%2Fmaxresdefault.jpg&w=3840&q=75)
Budget Buddy App
Real world budget app built with SQLite
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FhhstKDaci2k%2Fmaxresdefault.jpg&w=3840&q=75)
Talk GPT
Talk with Chat GPT in real-time built with React Native Expo
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FBM72He8W3SE%2Fmaxresdefault.jpg&w=3840&q=75)
Sign In with Github
Integrate Sign In with GitHub with React Native
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FVK-XkNcvLjM%2Fmaxresdefault.jpg&w=3840&q=75)
Threads Clone
Threads Clone built with Expo 49
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2Fcq5TGA6sBQQ%2Fmaxresdefault.jpg&w=3840&q=75)
Uploading videos & images to Firebase Storage
Upload Videos an Images to Firebase Storage with React Native.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FXB_gNDoOhjY%2Fmaxresdefault.jpg&w=3840&q=75)
React Native Firebase Google Sign In
Learn how to authenticate users with Google and Firebase in your React Native Expo application
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FQpfAyQgphgw%2Fmaxresdefault.jpg&w=3840&q=75)
React Navigation for Beginners
Learn to integrate complex navigation flows with React Native Navigation
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FQgmYKWqw_Js%2Fmaxresdefault.jpg&w=3840&q=75)
Tutorial Keyboard Avoiding View
Learn how to use KeyboardAvoidingView with React Native
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FBDeKTPQzvR4%2Fmaxresdefault.jpg&w=3840&q=75)
Sign In with Google
Sign In with Google using React Native Expo and expo-auth-session
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F4VqsRtHwxEw%2Fmaxresdefault.jpg&w=3840&q=75)
Animated Bottom Tab
Create an Animated Bottom Tab with React Native and Reanimated. (typescript, CLI)
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FEa7--DkHFPo%2Fmaxresdefault.jpg&w=3840&q=75)
Facebook Login
Learn how to integrate Sign In with Facebook on your React Native Expo App.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FjOcV0vJ20vk%2Fmaxresdefault.jpg&w=3840&q=75)
Animated List
Create an Animated List with React Native and Reanimated.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F5aGpFdPvHR8%2Fmaxresdefault.jpg&w=3840&q=75)
Snake 🐍 Game
Create a classic 🐍 Snake Game with React Native
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FOnsF0vP6iyE%2Fmaxresdefault.jpg&w=3840&q=75)
Animated Splash Screen
Transform your app's splash screen from a boring static image to an eye-catching animated display with Lottie animations! 🚀🎨
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FYJ_XsBDc8mQ%2Fmaxresdefault.jpg&w=3840&q=75)
Full Stack To Do App
Build a Full Stack App with RN, Express and MYSQL.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F8nJSaHy8KBo%2Fmaxresdefault.jpg&w=3840&q=75)
To Do List - Vanilla JS
Build a beautiful To Do List with Vanilla JavaScript, HTML and CSS.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FnoNRuQzz538%2Fmaxresdefault.jpg&w=3840&q=75)
Hidden Letter
Learn how to build a fun and interactive game using React, Hidden Letter
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FNNVPZFKAJIQ%2Fmaxresdefault.jpg&w=3840&q=75)
Minesweeper
Create a Minesweeper game with React Native.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FnJapgi72CIg%2Fmaxresdefault.jpg&w=3840&q=75)
Memory Game
Learn how to create a Memory game with React Native.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FPKHsAttr_T0%2Fmaxresdefault.jpg&w=3840&q=75)
E-Commerce UI
E-commerce UI built with React Native and NativeWind wich allow us to style using tailwind CSS. With Dark Mode support.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FToESUidCqAE%2Fmaxresdefault.jpg&w=3840&q=75)
Dark Mode Example
Learn how to integrate dark mode in your website
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FP32k01XzqB8%2Fmaxresdefault.jpg&w=3840&q=75)
Bottom Sheet Modal
Learn how create a Twitter like bottom modal with React Native
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F25pG-T7jbGM%2Fmaxresdefault.jpg&w=3840&q=75)
Custom Fonts
Learn how to use custom fonts with React Native Expo.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F7_yizljCb4E%2Fmaxresdefault.jpg&w=3840&q=75)
Expo 46
Example project showing Expo 46 new features
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FegLZQYKKjuY%2Fmaxresdefault.jpg&w=3840&q=75)
Neumorphic Design
Neumorphic Design with React Native and Skia
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FGx8vBkNy92U%2Fmaxresdefault.jpg&w=3840&q=75)
Recoil
Recoil is a state management library for React.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FEASRhTkb1F8%2Fmaxresdefault.jpg&w=3840&q=75)
Blur Effect
Tutorial blur effect with react, css and javascript
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FDevT2MbQMu4%2Fmaxresdefault.jpg&w=3840&q=75)
FlashList
FlashList example using Expo Client
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F9WolTP6Wz9I%2Fmaxresdefault.jpg&w=3840&q=75)
Sign In with Google
Sign In with Google using React Native Expo
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FP3n28hPyYOk%2Fmaxresdefault.jpg&w=3840&q=75)
2D Game
2D Game made just with JavaScript HTML and CSS
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F4VtX3SjeMdY%2Fmaxresdefault.jpg&w=3840&q=75)
React Native Camera
React Native Camera example with expo
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F5I74KwYDxvQ%2Fmaxresdefault.jpg&w=3840&q=75)
Login with Tailwind
Beautiful login page with Tailwind CSS and React
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F4ErzY2J9zZc%2Fmaxresdefault.jpg&w=3840&q=75)
CRUD Firebase
Firebase Create, Read, Update, Delete, crud in react native
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FQMo8aKSps3k%2Fmaxresdefault.jpg&w=3840&q=75)
Skeleton RN
Skeleton using Moti and Suspense for React Native
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FgLLCzQXHndo%2Fmaxresdefault.jpg&w=3840&q=75)
Modal RN
Custom Modal with React Native CLI
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FpJSVwJGrvGQ%2Fmaxresdefault.jpg&w=3840&q=75)
Google Maps
Google Maps App using React Native and Expo
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FsWfa5bmC6SA%2Fmaxresdefault.jpg&w=3840&q=75)
Fullstack App
Fullstack App using React Native, Graphql, Apollo, Nodejs, and more.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FWvZvzKbPreM%2Fmaxresdefault.jpg&w=3840&q=75)
Styled Components
Styled Components with React Native example
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FcIOhC2hY0l0%2Fmaxresdefault.jpg&w=3840&q=75)
Suspense Example
React Native Example of how to use Suspense
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FrowhbD2kLzI%2Fmaxresdefault.jpg&w=3840&q=75)
Suspense Example
Example of how to use Suspense with React 18
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FAOru83RxIdM%2Fmaxresdefault.jpg&w=3840&q=75)
Infoji
Infoji is a web app that shows information about emojis. Build with React, TypeScript, Nextjs, and Tailwindcss.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FiNt-8PxjKaQ%2Fmaxresdefault.jpg&w=3840&q=75)
Tailwind with RN
Example of TailwindCSS with React Native
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F8Lv-ZgXxK68%2Fmaxresdefault.jpg&w=3840&q=75)
Local Authentication
Local authentication with Expo Go
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FXgxF-S00XpU%2Fmaxresdefault.jpg&w=3840&q=75)
Calculator
Simple calculator with dark mode
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FawHn9oqSzeI%2Fmaxresdefault.jpg&w=3840&q=75)
Minimalistic To Do
A minimalistc to do app made using React Native and Redux
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FOv3Z3vD5zFw%2Fmaxresdefault.jpg&w=3840&q=75)
Chat App
Real-time chat app built with RN, Firebase, and Firestore.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FFbkZsqedh_o%2Fmaxresdefault.jpg&w=3840&q=75)
Pokedex App
Pokedex made using React Native, Redux and the Pokenode-ts API.
![project thumbnail](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FrS_-xWOeP5o%2Fmaxresdefault.jpg&w=3840&q=75)
Coinbase Clone
Coinbase clone using Redux, Crypto Compare and CoinMarketCap APIs