Justin Nothling – Clone Tinder Cloneable

Hi, Justin here. I’m a self-taught Coder, Entrepreneur, and Designer. I’ve built dozens of apps over the past few years, one even ranked #6 on the app

Justin Nothling – Clone Tinder Cloneable

Basic Demo
Course Curriculum

Up and Running in < 10 minutes ⏳

Download (0:55).

Install Homebrew & Watchman (macOS only) (1:19)

What is React native? (0:57)

What is Expo? (2:02)

Hello World (2:28)

Setting Up Our Coding Environment

Setup Visual Studio Code (4.21)

Workflow (2.03)

You can run an iPhone simulator on your MacOS (Optional).

Setup iOS Dev Environment (1.28)

Test iOS Dev Environment (0:50)

React Native Basics

Creating our First Component _x0001F44D_ (4:07)

3 Minute Theory – const & let (3:10)

3 Minute Theory – Data Types (2.44)

Basic Styling (5.28)

Flexbox in a Nutshell (2.26)

Create a Tinder Card _x0001F464_, Swipe Animation: _x0001F64C_

Create a card (3:13).

Download it immediately Justin Nothling – Clone Tinder Cloneable

Add a profile image from Facebook (3.21)

The PanResponder – Handling Gestures (1:03)

3 Minute Theory – Functions (2.42)

Gesture Animation (6:48)

Interpolation (0.41)

Card Rotation & Spring (3:04)

Stacking Tinder Cards (5.43)

Swipe Away (3.25)

Creating Different Card Profiles (5:15)

The Map Function (1.44)

2:15 Creating cards with a map

Understanding State in React Native (3:27)

Using State to create a Dynamic Card Stack (4.57)

Firebase _x0001F525_

What is Firebase?

Test, Setup and Demo Data (4:26).

Firebase Data (2:27).

Navigation

Restructuring our Project (4:09).

Login Screen & Facebook Button (6:06)

React Navigation (0.47)

React Navigation Setup (3.37)

Facebook Login

Async Await (Asynchronous code) (2:56)

Login with Facebook (5:58).

Firebase 2:45: Authenticate Users

Facebook Permissions (3.25)

Firebase allows you to create a user (3:19).

2. Verifying if a user is logged in (2:04).

Locale _x0001F4CD_

Accessing the User Location (2.20)

Setting Location in Firebase using GeoFire (3:28)

New Demo Data (2:36)

GeoFire (3.35): Find Profiles within 10km

Getting users and rebuilding the Card Stack (4.47)

Create a simple scroller element

Basic Setup (5.15)

Adding Screens (5:20)

Flick Gestures & Scroll Limits (4:53)

Make the Login Process Amazing

Reset the Navigation Stack (2.31)

Adding a spinner to the Activity Indicator (2:27)

Firebase User Data Before Login (4.31)

Bulding a Screenshot of a Profile

Adding a Profile Picture (5:20)

Sliders (5.20).

Switches (2.50).

Firebase Connecting Components (5:43).

Filtering our Card Stack

Filter by Place (3:42).

Filter by Gender (6.41)

Filter by age (4:20).

Matching _x0001F60D_

Firebase 6:25: Creating Relationships

Filter Swiped Cards (4.45)

Create a Match screen with the ListView component (7:19).

Vertical Scrolling: How to enable it (2:46).

Firebase (8.44) Fetching Matches

Chat

Adding Demo Messages (4:56)

Firebase: Send messages (7:31).

Firebase (4.37): Fetching messages

Firebase Security

Lockdown Users and Location (6.53)

Lockdown Relationships (3.56)

Lockdown Messages (2:20)

Packaging for the App store

Expo allows you to build standalone apps

Join 224 other members Tinder Cloners_x0001F525_
Your instructor

Justin Nothling
Justin Nothling

Download immediately Justin Nothling – Clone Tinder Cloneable

Hi, Justin here. I am a self-taught Coder, Entrepreneur, and Designer. I’ve built dozens of apps over the past few years, one even ranked #6 on the app store’s most downloaded. I think that the best way to learn how to build apps is to copy the ones you ❤️. It’s also pretty damn fun. It’s also a lot of fun.

Readmore: http://archive.is/PcDXA