Easy way to get 15 free YouTube views, likes and subscribers
Get Free YouTube Subscribers, Views and Likes

Build a Local First Trello Clone with React Native u0026 Realm

Follow
notJust․dev

Ever wanted to create an app that works seamlessly offline and syncs up the moment you're back online? We're doing just that in this video, where we'll show you how to build a project management app, just like Trello, but it's built localfirst! This video is perfect to learn the ins and outs of React Native using Realm, including the Atlas Device SDK. You'll learn how to manage your data locally (so it works offline), and automatically sync everything to the cloud when you're connected. Let's get coding!

2⃣ Watch the second part here: https://youtube.com/live/HkRa2iWCnI

✅ Project Page: https://www.notjust.dev/projects/trello
Source Code: https://github.com/notJustdev/Trello...

❗Try our FREE 2day Masterclass on notJust.Academy: https://assets.notjust.dev/masterclas...

This video includes a lot of tools and technologies, providing an excellent opportunity to learn about:
Introduction to LocalFirst and OfflineFirst Concepts
Setting Up Your React Native Environment
Overview of Realm and Atlas Device SDK
Designing Your LocalFirst Database Schema with Realm
Building the UI: Cloning Trello's Layout
Implementing CRUD Operations Locally with Realm
Syncing Local Data with Cloud Automatically

Enroll NOW in The FullStack Mobile Developer course and don’t miss out on your chance to become a 6figure dev! Check out what our successful students are saying about their experience:
https://academy.notjust.dev/?utm_sour...

Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJustdev/d...

Join the notJust Development gang and let's build together:
Twitter:   / vadimnotjustdev  
Instagram:   / vadimnotjustdev  
Facebook:   / notjustdev  
LinkedIn:   / vadimsavin  
Discord:   / discord  

Timecodes:
0:00 Intro and Project Overview
2:26 Setting up and Initialising a New Expo Project
7:56 Project Setup and Task List Component
29:13 Building the New Task Input
44:17 Adding a Background Gradient and Building the Task Board
52:42 App Overview
53:23 Setting up Expo Router
1:22:46 Setting up Realm as a local database
2:14:23 Implementing the Update Task Feature
2:24:34 Debugging Atlas App Services Error
2:49:31 Setting up App provider and Anonymous Sign in
3:11:27 Syncronizing the Realm Database with the Cloud
3:35:52 Adding an Authentication Screen
3:43:35 Building the Profile Page
3:56:03 App Demo and Outro

Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with.
#notjustdev #trello #reactnative

posted by Tsitselisgo