Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build a Mobile Notes App with React Native and Appwrite - A Complete Guide

Traversy Media via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build iOS and Android applications in this comprehensive 3-hour video course covering React Native fundamentals and practical development. Build a full-featured notes application with Create, Read, Update, and Delete (CRUD) operations plus authentication using Appwrite.io as the backend. Master essential concepts including React Native components, styling, layouts, modal windows, and text input handling. Progress through hands-on development starting with Expo setup, implementing core functionality like displaying notes in a FlatList, and managing user interactions. Dive into backend integration with Appwrite.io, setting up databases, configuring environment variables, and implementing the SDK. Explore authentication flows including login, registration, and logout functionality while learning to filter user-specific notes. Conclude with guidance on building and publishing applications using EAS (Expo Application Services). Access complete source code via GitHub and receive $50 in free Appwrite Cloud Pro credits to support development.

Syllabus

0:00 - Intro
1:29 - Slides What Is React Native, etc
9:53 - Setup With Expo
14:19 - Reset Project Boilerplate
15:38 - Running Your Project
16:32 - React Native Components
18:36 - Styling
20:30 - Layout, Stack & Slot Components
22:27 - Customize Page Header
25:00 - Home Screen
30:49 - Notes Screen & Layout
34:20 - Display Notes In FlatList
39:00 - Modal & TextInput Components
46:12 - Add Note To UI
48:44 - Component Refactor
56:47 - Appwrite.io Project & Database Setup
1:02:47 - Environment Variables
1:05:20 - Appwrite SDK Install & Config
1:11:50 - Database Service listDocuments
1:14:45 - Note Service getNotes
1:17:16 - Fetch Notes From Screen Component
1:20:51 - Add Note To Database
1:30:38 - Delete Notes
1:40:40 - Update Notes
1:57:12 - Authentication With Appwrite
2:00:16 - Authentication Service
2:04:50 - Auth Context & Provider
2:14:39 - Auth Screen
2:20:00 - Login & Register Form
2:30:40 - Auth Funcionality
2:36:55 - Logout
2:42:50 - Redirect Logged In Users
2:46:12 - Filter Users Notes
2:55:10 - No Note Display
2:57:12 - Building & Publishing EAS

Taught by

Traversy Media

Reviews

Start your review of Build a Mobile Notes App with React Native and Appwrite - A Complete Guide

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.