Build a Trello Clone with React Native (Supabase, Expo Router, Push, Clerk, Drag & Drop)

Published: 30 July 2024
on channel: Simon Grimm
51,006
961

⚡️ Supabase: https://dub.sh/87Rwz3a
🔐 Clerk: https://go.clerk.com/ztAWdYK

Join me as I build an epic Trello Clone with React Native using Clerk & Supabase! In this exciting tutorial, you'll learn how to do the following:

Key Features:
🚀 Use Expo to set up a custom dev client app
🗄️ Store data in Supabase with RLS and RPCs
🔁 Sync authentication between Clerk and Supabase
🔐 Protect pages with Expo Router and Clerk authentication
🎨 Utilize the Zeego library for dynamic context menus and dropdowns
💪 Build a draggable Flatlist component
🎯 Add a dynamic carousel
🔥 Work with Supabase Edge Functions
📸 Capture and upload images to Supabase Storage
💬 Implement Expo Push Notifications

A LOT OF FUN 🚀

LINKS
🔥 Learn React Native FAST: https://galaxies.dev
🔐 Try Clerk: https://go.clerk.com/ztAWdYK
⚡️ Start with Supabase: https://dub.sh/87Rwz3a
👨‍💻 Get the code: https://github.com/Galaxies-dev/trell...

#############################

❤️ You can also find me on:
Twitter:   / schlimmson  
Instagram:   / simongrimm_  

#############################

Time Stamps 👇
00:00 About this clone
00:43 Clerk
01:18 Supabase
02:20 Overview
02:49 Chapter Breakdown
06:20 App setup and Expo Prebuild
16:03 Preparing Clerk & Supabase
30:30 Building a Login Screen
58:47 Clerk User Authentication
01:16:39 Sync Clerk Users to Supabase with Webhook & Edge Function
01:33:17 Building the authenticated Tab Bar Layout
01:48:56 Dropdown and Modals
02:22:02 Create and load Boards
03:04:01 Building a Carousel
03:35:55 Updating Lists & Board Details
04:01:57 Drag and Drop with React Native
04:28:55 Inviting Users with Search & RPC
04:50:59 Supabase Realtime Data
05:05:43 Upload Images to Supabase Storage
05:20:24 Update and assign Cards
05:45:25 Trigger Expo Push Notifications
06:19:47 Outro


Watch video Build a Trello Clone with React Native (Supabase, Expo Router, Push, Clerk, Drag & Drop) online without registration, duration hours minute second in high quality. This video was added by user Simon Grimm 30 July 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 51,006 once and liked it 961 people.