logo
Course

React Native Crash Course | Build a Full Stack App (2025)

0% completed

100%

Chapter 01

React Native Crash Course (2025)

  • Introduction

  • Why React Native?

  • React Native Fundamentals

  • Project Overview

  • Intro & Setup

  • Setup Styling

  • Routing & Navigation

  • Customize App Title & Icon

  • Home Screen UI

  • TMDB API

  • Custom Hook

  • Fetch & Display Movies

  • Develop Search Screen

  • Appwrite Setup

  • Show Trending Movies

  • Hide StatusBar

  • Movie Details

  • Optimization

Course

Appwrite Setup

Loading...
Loading...
Loading...
Loading...
email with bell

Level Up Your Dev Game: Weekly!

Join 200,000+ developers getting free tips, tutorials & project ideas every week.

Trusted by developers at Google, Amazon, and startups worldwide.

Courses

  • Ultimate Next.js Course

  • Ultimate GSAP Course

  • React.js Course

  • Backend Course

  • Vanilla Three.js Course

Your Journey

  • All Courses

  • Your Learning Path

  • Join The Pro Circle

  • Start Your Streak

Resources

  • Youtube

  • Github

  • FAQs

Company

  • Contact

  • Privacy Policy

©Copyright 2025 JS Mastery Pro

instagramtwittermaillinkedingithubyoutube
BlogTerms of Service
    Video thumbnail
    Course icon

    Sign up to watch this lesson (and more).

    By logging in, you'll unlock full access to this and other free tutorials on JSM Pro.

    Why? Logging in lets us personalize your learning experience, track your progress, and keep you in the loop with new workshops, coding tips, and platform updates.

    You'll also be the first to know about upcoming launches, events, and exclusive discounts.

    No spam—just helpful content to level up your skills.

    If that sounds fair, go ahead and log in to continue →

    Enter your name and email to get instant access

    or

    Already have an account? Log in

    0 Comments

    glass-bbok

    No Comments Yet

    Be the first to share your thoughts and start the conversation.

    tick-guideNext Lesson

    Show Trending Movies

    Video Kit | Guide, Design, Repository, Readme, and more

    Appwrite updated their naming scheme recently, and the setup is a bit different now. Make sure to check out the detailed instructions below.

    Updated: 2025.10.08

    Step 1: Login

    Create account on Appwrite or if you already have one then login with it.
    Link: https://cloud.appwrite.io/console/login

    Step 2: Create project

    Using the “Create project” button you can create new project.

    create-project.png

    Enter project name, choose the nearest region and click on “Create” to create new project.

    create-project-modal.png

    Step 3: Platform setup

    Select the platform for your project in our case it is “React Native”

    choose-platform.png

    Select the operating system of you device “Android/ ios” , enter name of the project and bundle ID (eg: com.jsm.foodvlog). Click on “Create platform”

    platform-setup.png

    Copy the credentials and navigate to the dashboard

    credentials.png

    Step 4: Create Database

    Using the “Database” button navigate to the database

    database.png

    To create the database click “Create database”.

    create-database.png

    Enter the name of the database and create database using the “Create” button.

    create-database-modal.png

    Step 5: Create table

    Copy the databse Id. To create the table click “Create Table”.

    menu.png

    Enter the name of the table and using the “Create” button create the table.

    create-column-modal.png

    Step 6: Create column

    The appwrite updated the database format (NON-SQL to SQL) so they replaced the names of document and attribute to row and column respectively. To create the column click “Create Column”.

    create-column.png

    Enter the key. Choose the type of key. If necessary you can add size, default value and make it required. At last click “Create”.

    key-setup.png