1. Intro

Introduction group meeting to get you up and running

2. Project Setup

Set up a new project using React Native CLI and install the most important tools and libraries that we will need.

You will also learn how to version your project with Git and manage it on GitHub

3. Instagram UI

Build all the essentials screens of Instagram: Feed, Post, Comments, Profile, Edit Profile, Camera, etc.

• Building and Styling the UI
• State and Props
• Custom components
• Image, Video, and Carousel posts
• Camera and Media Library API
• Form management with React Hook Form
• Typescript

4. Navigation

Design and implement the Navigation system using React Navigation v6

• Stack Navigator
• Bottom Tab Navigator
• Top Tab Navigator
• Moving between screens and passing data
• Deep Linking

5. Getting Started with AWS Amplify

Get a high overview of how AWS Amplify works and how to leverage the power of AWS to build mobile apps quickly.

• Create and set up your AWS account
• Implement important security measurements 
• Create the backend using Amplify Studio and connect it with our React Native app.

6. Authentication

Setup the Authentication layer and learn how everything works behind the scenes in AWS Cognito.

Also, you will learn how to fully customize the authentication flow with themes and custom screens.

And of course, you will also integrate Sign in with Facebook and Google.

7. API

You will learn how to design and implement a GraphQL API using Amplify and AWS AppSync.

On the client-side, you will learn how to use Apollo Client to query and cache our GraphQL API.

We will implement all the CRUD functionalities for users, posts, likes, comments, etc.

In the end, we will cover more advanced topics like:

• Pagination
• Sorting
• Real-time data
• Security

8. Storage

Learn about cloud storage with AWS S3 by implementing the storage layer in our application. 

Upload, Download and Delete:

• Images and Carousels
• Videos
• Profile picture

9. Production

Prepare and deploy your application to production and distribute it on Play Market and AppStore.

We will start by preparing all the marketing assets needed for the stores. You will learn about the requirements and also about the best practices to follow to create a compelling and efficient page for your app.

We will proceed with creating your Dev accounts and setting up the app page on Play Market and AppStore.

Then we will implement a multi-environment system for both the source code and AWS infrastructure. 

We will build and upload our Android and iOS to both stores using Expo Application Services.

10. Following System

Implement the Following & Feed System.

Follow people and track the followers and followings. The feed will display only posts from people you follow

11. Notification System

Implement event-based in-app and push notifications.

• New followers notification
• Likes and comments notifications
• Push Notifications with Firebase Cloud Messaging

1. Intro

Get started with the course and find out the best way of following the course to maximize your learning.

2. Environment setup

Install and set up all the tools and apps that you will need in your toolbox as a React Native developer.

We cover both Windows and macOS setup.

• Windows terminal and iTerm
• NodeJS and npm
• Expo CLI and React Native CLI
• Visual Studio Code

3. React Native Fundamentals

Strengthen your React Native Fundamentals skills.

This module is great for both beginners and for experienced devs. Everyone will learn something new.

• Initializing and structuring your projects
• Debugging 
• JSX
• Core components: Text, View, Image, ScrollView, TextView
• Styling
• Props, PropTypes, and State
• Hooks (useEffect, useState)
• Async Storage

4. Duolingo Clone

Apply your knowledge in practice by building a quiz app based on Duolingo.

• Multiple-choice questions
• Open-ended questions
• Gamification: Lives and progress
• Reusable components: Buttons, Input
• Quiz logic