Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Blender
2021-01-25 18:05:16
30-Day Money-Back Guarantee

This course includes:

  • 12.5 hours on-demand video
  • 14 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Mobile Development React Native

React Native bootcamp - Build an Instagram Clone w/Firebase

JavaScript / React Native and Firebase tutorials, in which we will build a fully functional social network Instagram
New
Rating: 4.3 out of 54.3 (62 ratings)
23,802 students
Created by Antoni Skup
Last updated 1/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • React Native
  • TypeScript
  • Expo-cli
  • Redux
  • React Native
  • Firestore
  • Firebase storage

Course content

6 sections • 47 lectures • 12h 36m total length

  • Preview00:42
  • Preview00:59
  • Preview05:34
  • Setting up the environment
    14:07
  • Preview09:29
  • Our first Hello World
    26:42
  • Conditional rendering
    05:57

  • Firebase setup
    10:10
  • React Navigation setup
    21:48
  • Setting up redux
    16:47
  • Login screen design
    38:07
  • Accessing the reducers - Explenation in the following video
    14:44
  • Explaining reducers
    05:19
  • Signup page
    18:28
  • Signing up with our firestore db
    19:29
  • Login and get user back-end functions
    13:48
  • Welcome screen, Login finish
    22:42

  • Tab Navigator setup
    13:03
  • Upload File - Post screen
    27:57
  • Upload File - uri compressing
    17:01
  • Photos array
    11:57
  • Styling the photos array
    15:25
  • Removing images p1
    15:25
  • Removing images p2
    10:37
  • Design improvement p1
    15:25
  • Design improvement p2
    05:07
  • Preview30:40
  • Bug fix after pressing the "Post" button
    10:51

  • Uploading profile photos
    29:56
  • Preview11:54
  • Getting all the posts from the database
    13:22
  • Creating the post component
    22:43
  • Styling the post component p1
    19:33
  • Preview24:39
  • Preview15:50
  • Liking posts
    30:10
  • Saving Posts
    14:36
  • Displaying saved videos
    14:46

  • Getting the profile from the database
    13:02
  • Styling the retrieved data
    36:32
  • Following users
    20:21
  • One Post and Bug Fixes of the Profile Screen
    21:44
  • Navigating to our own profile
    07:21
  • Profile Screen bug fix + challenge for you
    02:28
  • Solution to the challenge
    00:25
  • Profile Screen Bug Fix (Follow causes the screen to flick)
    00:40

  • Messages screen
    38:18

Requirements

  • Minimum coding experience

Description

In my course, I am going to teach you React Native and we are together going to build a hybrid Instagram-like social media, All the resources needed I am going to upload for the students to see. We are going to learn how to use Redux, React Native, Expo, Firebase Firestore and how to bring our desired social media app!

We will begin by creating a login and signup screens with the integration with modern firebase firestore. Later we begin to create other funcitons that a modern social media has - liking posts, commenting (which I will upload soon) and uploading pictures to our feed. We are also going to integrate real time chat as well as other functions that social media platforms have. If you want to request a feature feel free to leave a comment and I will upload a lecture on how to implement it ASAP! :D and as always I will answer every question instantly!

After every major lecture I upload the resources, so you can feel free  to use them for any refrence you need

I hope you don't mind little issues with my mic - after two lectures they were fixed! Thanks for considering my course, see you around :P


Who this course is for:

  • Coders that want to know how to write social networks

Instructor

Antoni Skup
Enterpreneur, React Native developer
Antoni Skup
  • 4.3 Instructor Rating
  • 62 Reviews
  • 23,802 Students
  • 1 Course

I am a React Native developer and entrepreneur, working on my social media project called Statar. I develop apps for fun and spend hours daily on my code. I have experience in JavaScript, PHP, MySQL and Java. I am interested in learning new skills, as well as teaching those skills to others. I have created the course to raise capital for my own social media app

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.