Left Blocks Image | Learnfly Right Blocks Image | Learnfly
All in One Offer! | Access Unlimited Courses in any category starting at just $29. Offer Ends in:

Learnfly | Menu Trigger Icons Browse Library

  • Business Solutions
  • Become an Instructor
  • 0
    Shopping Cart
    Learnfly | Empty Cart Icons

    Your Cart is empty. Keep shopping to find a course!

    Browse Courses
Free
3 days left at this price!

This plan includes

  • Limitedfree coursesaccess
  • Play & PauseCourse Videos
  • VideoRecorded Lectures
  • Learn onMobile/PC/Tablet
  • Quizzes andReal Projects
  • Lifetime CourseCertificate
  • Email & ChatSupport
Get Unlimited Learning Access
$29
3 days left at this price!
30-Day Money-Back Guarantee

This plan includes

  • Access to11,000+Courses
  • Adsfree experienceCourses
  • Play & PauseCourse Videos
  • Learnfly HD IconsHD VideoRecorded Lectures
  • Learn onMobile/PC/Tablet
  • Quizzes andReal Projects
  • Lifetime CourseCertificate
  • InstructorDirect Support
  • Email & ChatSupport
  • Cancel Anytime
$29
$29
$29
  • Installing React Native and setting up Android emulator and iOS simulator
  • Core React Native concepts, such as working with components, state, and props
  • Styling and how to layout items using Flexbox
  • How to work with images, fonts, and Icons in React Native
  • Set up Navigation using React Navigation
  • Implement the three types of navigation commonly found in mobile apps: Stack, Tabs, and Drawer
  • State Management with Redux
  • Understand the basic concepts of Node
  • Build RESTful APIs using Express Framework
  • Add validations using Express-validator
  • Working with a database system (MongoDB)
  • Implement Authentication using JWT
  • Deploying backend to Heroku
  • Tips on how to deploy the frontend to the various App Stores

Becoming a full-stack developer has a lot of benefits and full-stack engineering has gained a lot of popularity in the past few years. Also, the importance of mobile apps can not be overemphasized. It is one of the best ways to connect with users. Throughout the course, I will show you best practices and how to effectively make use of documentations.

In this course, you will learn how to build four mobile apps

  1. Todo App - React Native

  2. News App - React Native, React Navigation, Redux.

  3. Home Listing App - React Native, React Navigation, Redux, Node/Express, MongoDB

  4. Authentication System App - React Native, React Navigation, Redux, Node/Express, MongoDB

     

A detailed list of what you'll learn

  • Installing React Native and setting up Android emulator and iOS simulator

  • Core React Native concepts, such as working with components, state, and props

  • Styling and how to layout items using Flexbox

  • How to work with images, fonts, and Icons in React Native

  • Set up Navigation using React Navigation

  • Implement the three types of navigation commonly found in mobile apps: Stack, Tabs, and Drawer

  • State Management with Redux

  • Understand the basic concepts of Node

  • Build RESTful APIs using Express Framework

  • Add validations using Express-validator

  • Working with a database system (MongoDB)

  • Implement Authentication using JWT

  • Deploying backend to Heroku

  • Tips on how to deploy the frontend to the various App Stores

  • Basic knowledge of Javascript and React. You don't have to be an expert
  • Web developers interested in building full-stack mobile apps using React Native powered by Express Framework backend
View More...
  • Section 1 : Getting Started 5 Lectures 00:35:11

    • Lecture 1 :
    • Lecture 2 :
    • Installing React Native
    • Lecture 3 :
    • Setting up Android Emulator
    • Lecture 4 :
    • Setting up iOS Simulator
    • Lecture 5 :
    • Course Outline
  • Section 2 : React Native Basic Concepts 7 Lectures 00:54:45

    • Lecture 1 :
    • Section Introduction
    • Lecture 2 :
    • Structure of a React Native App
    • Lecture 3 :
    • React Native core components
    • Lecture 4 :
    • Styling React Native components
    • Lecture 5 :
    • Working with State
    • Lecture 6 :
    • Rendering Items
    • Lecture 7 :
    • Working with Props
  • Section 3 : Styling in React Native 7 Lectures 00:56:21

    • Lecture 1 :
    • Section Introduction
    • Lecture 2 :
    • Layout with Flexbox
    • Lecture 3 :
    • Styling based on platform
    • Lecture 4 :
    • Creating the Card component
    • Lecture 5 :
    • Working with Images
    • Lecture 6 :
    • Using custom fonts
    • Lecture 7 :
    • Adding Icons
  • Section 4 : Navigation in React Native 6 Lectures 01:03:34

    • Lecture 1 :
    • Section Introduction
    • Lecture 2 :
    • Creating the required screens
    • Lecture 3 :
    • Setting up React Navigation
    • Lecture 4 :
    • Moving between screens
    • Lecture 5 :
    • Adding a tabs-bar navigation
    • Lecture 6 :
    • Working with drawer navigation
  • Section 5 : Site Management with Redux 14 Lectures 01:36:50

    • Lecture 1 :
    • Section Introduction
    • Lecture 2 :
    • What is Redux?
    • Lecture 3 :
    • Setting up Redux store
    • Lecture 4 :
    • Redux Reducers
    • Lecture 5 :
    • Redux Actions
    • Lecture 6 :
    • Making Http requests
    • Lecture 7 :
    • Dispatching Redux actions
    • Lecture 8 :
    • Displaying Items using FlatList
    • Lecture 9 :
    • Fixing the FlatList display
    • Lecture 10 :
    • React Native Debugger
    • Lecture 11 :
    • Add Items to favorites
    • Lecture 12 :
    • Dispatching Add to favorites action
    • Lecture 13 :
    • Toggling the Fav Icon
    • Lecture 14 :
    • Setting up the News Details screen
  • Section 6 : Node.js Basic Concepts 7 Lectures 00:38:05

    • Lecture 1 :
    • Section Introduction
    • Lecture 2 :
    • Executing node scripts
    • Lecture 3 :
    • Node Module System
    • Lecture 4 :
    • Node File System
    • Lecture 5 :
    • Node Event module
    • Lecture 6 :
    • Creating a web server using the HTTP module
    • Lecture 7 :
    • Using NPM packages
  • Section 7 : REST API using Express.js 8 Lectures 00:47:22

    • Lecture 1 :
    • Section Introduction
    • Lecture 2 :
    • Building a web server using Express
    • Lecture 3 :
    • Using env variables
    • Lecture 4 :
    • Testing endpoints using Postman
    • Lecture 5 :
    • Route parameters
    • Lecture 6 :
    • Create a resource
    • Lecture 7 :
    • Update a resource
    • Lecture 8 :
    • Delete a resource
  • Section 8 : Working with MongoDB 11 Lectures 01:13:27

    • Lecture 1 :
    • Section Introduction
    • Lecture 2 :
    • Setting up MongoDB
    • Lecture 3 :
    • Connecting to MongoDB using mongoose
    • Lecture 4 :
    • MongoDB Compass
    • Lecture 5 :
    • Creating a schema
    • Lecture 6 :
    • Creating a model
    • Lecture 7 :
    • Creating a house listing data
    • Lecture 8 :
    • Adding validation
    • Lecture 9 :
    • Fetching data
    • Lecture 10 :
    • Updating data
    • Lecture 11 :
    • Deleting data
  • Section 9 : Home Listing App [React Native] 19 Lectures 02:46:17

    • Lecture 1 :
    • Section Introduction
    • Lecture 2 :
    • Setting up the react native app
    • Lecture 3 :
    • Setting up navigation
    • Lecture 4 :
    • Adding Tabs bar Icons
    • Lecture 5 :
    • Creating the card component
    • Lecture 6 :
    • Adding a floating action button
    • Lecture 7 :
    • Moving between screens
    • Lecture 8 :
    • Building out the Add Home screen
    • Lecture 9 :
    • Building out the home details screen
    • Lecture 10 :
    • Adding Redux to our app
    • Lecture 11 :
    • Adding Redux action and reducer
    • Lecture 12 :
    • Fetching the house listing data
    • Lecture 13 :
    • Displaying the data on the card
    • Lecture 14 :
    • Displaying the data on the homeDetails screen
    • Lecture 15 :
    • Create form using formik
    • Lecture 16 :
    • Adding validation using yup
    • Lecture 17 :
    • Create home action and reducer
    • Lecture 18 :
    • Dispatching the create home action
    • Lecture 19 :
    • Displaying a loading Icon
  • Section 10 : Authentication System [Express.js 9 Lectures 01:07:12

    • Lecture 1 :
    • Section Introduction
    • Lecture 2 :
    • Setting up the express app
    • Lecture 3 :
    • Adding a database system
    • Lecture 4 :
    • Registering a new user
    • Lecture 5 :
    • Adding validation
    • Lecture 6 :
    • Hashing password
    • Lecture 7 :
    • Login route
    • Lecture 8 :
    • Set up JWT
    • Lecture 9 :
    • Protecting a route
  • Section 11 : Authentication System [React Native] 15 Lectures 02:11:34

    • Lecture 1 :
    • Section Introduction
    • Lecture 2 :
    • Setting up the react native app
    • Lecture 3 :
    • Adding navigation to the auth system
    • Lecture 4 :
    • Building out the login and register screens I
    • Lecture 5 :
    • Building out the Login and Register screens II
    • Lecture 6 :
    • Adding validation to the form
    • Lecture 7 :
    • Some changes on the backend
    • Lecture 8 :
    • Setup Redux
    • Lecture 9 :
    • Add actions and reducers
    • Lecture 10 :
    • Making a POST request to register a new user
    • Lecture 11 :
    • Making a POST request to login a user
    • Lecture 12 :
    • Displaying error messages from the backend
    • Lecture 13 :
    • Storing tokens using AsyncStorage
    • Lecture 14 :
    • Fetching tokens
    • Lecture 15 :
    • Decoding tokens using jwt-decode
  • Section 12 : Deployment 5 Lectures 00:39:56

    • Lecture 1 :
    • Section Introduction
    • Lecture 2 :
    • Preparing the backend for deployment
    • Lecture 3 :
    • Deploying the backend to Heroku
    • Lecture 4 :
    • Preparing the frontend for deployment
    • Lecture 5 :
    • Hints on deploying the react native app
  • Learnfly Google Logo
  • Learnfly Facebook Logo
  • Learnfly Apple Logo
  • Learnfly EA Logo
  • Learnfly Amazon Logo
  • Learnfly IBM Logo
  • Learnfly Microsoft Logo
  • Learnfly Reddit Logo
  • Learnfly Spotify Logo
  • Learnfly Uber Logo
  • Learnfly Youtube Logo
  • Learnfly Instagram Logo
  • How do i access the course after purchase?

    It's simple. When you sign up, you'll immediately have unlimited viewing of thousands of expert courses, paths to guide your learning, tools to measure your skills and hands-on resources like exercise files. There’s no limit on what you can learn and you can cancel at any time.
  • Are these video based online self-learning courses?

    Yes. All of the courses comes with online video based lectures created by certified instructors. Instructors have crafted these courses with a blend of high quality interactive videos, lectures, quizzes & real world projects to give you an indepth knowledge about the topic.
  • Can i play & pause the course as per my convenience?

    Yes absolutely & thats one of the advantage of self-paced courses. You can anytime pause or resume the course & come back & forth from one lecture to another lecture, play the videos mulitple times & so on.
  • How do i contact the instructor for any doubts or questions?

    Most of these courses have general questions & answers already covered within the course lectures. However, if you need any further help from the instructor, you can use the inbuilt Chat with Instructor option to send a message to an instructor & they will reply you within 24 hours. You can ask as many questions as you want.
  • Do i need a pc to access the course or can i do it on mobile & tablet as well?

    Brilliant question? Isn't it? You can access the courses on any device like PC, Mobile, Tablet & even on a smart tv. For mobile & a tablet you can download the Learnfly android or an iOS app. If mobile app is not available in your country, you can access the course directly by visting our website, its fully mobile friendly.
  • Do i get any certificate for the courses?

    Yes. Once you complete any course on our platform along with provided assessments by the instructor, you will be eligble to get certificate of course completion.
    Learnfly LMS Sample
  • For how long can i access my course on the platform?

    You require an active subscription to access courses on our platform. If your subscription is active, you can access any course on our platform with no restrictions.
  • Is there any free trial?

    Currently, we do not offer any free trial.
  • Can i cancel anytime?

    Yes, you can cancel your subscription at any time. Your subscription will auto-renew until you cancel, but why would you want to?
User Images | Learnfly

8022 Course Views

1 Courses

I am a passionate Software Engineer who loves to build software products to automate life processes. I am also passionate about empowering others with technology skills. I have been involved in different software projects. I started programming with Java. Currently, I work more with Node.js, TypeScript, Java, Spring Boot, React, and their associated tools.
View More...
  • Unmatched Variety and Value!
    Learnfly's monthly subscription offers unlimited access to a vast range of courses. Affordable pricing, compared to competitors, makes it the ultimate choice for continuous learning.
    Jessica M.

    4.7

    JM
  • Top-Notch Quality, Affordable Rates!
    High-quality courses with certified instructors make Learnfly stand out. The affordable pricing is a game-changer for those seeking premium education.
    Alex P.

    4.5

    AP
  • Certified Excellence Every Time!
    Learnfly's courses, taught by certified instructors, ensure top-notch learning experiences. The course completion certificates add significant value to one's skill set.
    Sarah R.

    4.3

    SR
  • Round-the-Clock Support!
    Learnfly goes the extra mile with 24/7 course support. Their dedication to helping students succeed is commendable.
    Ryan K.

    4.1

    RK
  • Learn Anywhere, Anytime!
    Whether on mobile, PC, or tablet, Learnfly's platform offers flexibility. Learning on the go has never been easier.
    Emily S.

    4.7

    ES
  • Job-Ready Skills!
    Learnfly's job-oriented courses equip learners with practical skills for the workplace. An investment in career growth!
    Jake M.

    4.2

    JM
  • Budget-Friendly Brilliance!
    Learnfly's pricing is a steal for the quality and variety of courses offered. Quality education without breaking the bank.
    Olivia T.

    4.5

    OT
  • Instructor Excellence Unleashed!
    Learn from the best with Learnfly's certified instructors. The platform ensures that knowledge is imparted by industry experts.
    Daniel L.

    4.0

    DL
  • Achievement Unlocked!
    Learnfly not only offers courses but also recognizes your efforts with course completion certificates. A sense of accomplishment with every course finished.
    Maya H.

    4.6

    MH
  • Learning Revolution!
    Learnfly's platform is a revolution in education. Access to unlimited courses at affordable rates is a game-changer.
    Ethan W.

    4.7

    EW
  • setup-own-asterisk-voip-server-with-android-ios-win-apps

    Setup Own Asterisk VoIP Server with...

    By : Abhilash Nelson

    Lectures 12 Beginner 1:34:35
  • gps-tracking-setup-own-gps-server-with-android-ios-apps

    GPS Tracking - Setup own GPS Server...

    By : Abhilash Nelson

    Lectures 9 Beginner 0:57:3
  • android-sqlite-programming-for-beginners

    Android SQLite Programming for Begi...

    By : Sandip Bhattacharya

    Lectures 7 Beginner 0:17:39
  • android-app-developer-guide-the-step-by-step-blueprint

    Android App Developer Guide: The St...

    By : Mubarak Awal

    Lectures 23 Beginner 2:48:6
  • flutter-blog-app-using-firestore-build-ios-android-app

    Flutter Blog App Using Firestore Bu...

    By : Yazdani Chowdhury

    Lectures 9 Beginner 1:6:24
  • android-app-development-course-build-tds-app-using-firebase

    Android App Development Course Buil...

    By : Yazdani Chowdhury

    Lectures 13 Beginner 2:19:3

Students learning on Learnfly works with Fortune 500 companies around the globe.

  • Learnfly | a-l-1a Icons
  • Learnfly | a-l-2a Icons
  • Learnfly | a-l-3a Icons
  • Learnfly | a-l-4a Icons
  • Learnfly | a-l-6a Icons
  • Learnfly | a-l-7a Icons
Sign Up & Start Learning
Learnfly | Sign Up Icons
Learnfly | Sign Up Icons
Learnfly | Sign Up Icons
By signing up, you agree to our Terms of Use and Privacy Policy
Reset Password
Enter your email address and we'll send you a link to reset your password.
Learnfly | Sign Up Icons