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
Up and Running in < 10 minutes ⏳
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)
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)
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)
What is Firebase?
Test, Setup and Demo Data (4:26).
Firebase Data (2:27).
Restructuring our Project (4:09).
Login Screen & Facebook Button (6:06)
React Navigation (0.47)
React Navigation Setup (3.37)
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).
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)
Firebase Connecting Components (5:43).
Filtering our Card Stack
Filter by Place (3:42).
Filter by Gender (6.41)
Filter by age (4:20).
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
Adding Demo Messages (4:56)
Firebase: Send messages (7:31).
Firebase (4.37): Fetching messages
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_
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.
- Lectures 0
- Quizzes 0
- Duration Lifetime access
- Skill level All levels
- Students 0
- Assessments Yes