Department of Computing
CS-213: Advanced Programming
Class: BSCS 7AB
Lab 12: React Native Login Application
Date: 12 December, 2019
Time: 10:00-01:00pm & 02:00-05:00pm
Instructor: Dr. Sidra Sultana
Lab Engineer: Ms. Ayesha Asif
CS213: Advanced Programming Page 1
Lab 12: React Native Login Application
Introduction
React Native combines the best parts of native development with React, a best-in-class
JavaScript library for building user interfaces.
Objectives
This lab will get students familiar with the React Native application Development.
Tools/Software Requirement
React native, Android Studio, JDK, node JS
Description
Reference Videos
https://www.youtube.com/watch?
v=0q3Jy0ZgzIw&list=PLYxzS__5yYQlHANFLwcsSzt3elIbYTG1h&index=23&t=0s
https://www.youtube.com/watch?
v=6Z3bscC7p5Y&list=PLYxzS__5yYQlHANFLwcsSzt3elIbYTG1h&index=23
https://www.youtube.com/watch?
v=StT6FZCBgN4&list=PLYxzS__5yYQlHANFLwcsSzt3elIbYTG1h&index=24
https://www.youtube.com/watch?v=2Uq3B3lskPM
https://www.youtube.com/watch?
v=2Ok2dRg5vlk&list=PLYxzS__5yYQlHANFLwcsSzt3elIbYTG1h&index=26
https://www.youtube.com/watch?
v=LfP7d09xjpI&list=PLYxzS__5yYQlHANFLwcsSzt3elIbYTG1h&index=27
Lab Task
Create a login Application in react native
Solution
Task Code:
Task Output Screenshot:
Deliverable
Compile a single word document by filling in the solution part and submit this Word file on
LMS. This lab grading policy is as follows: The lab is graded between 0 to 10 marks. The
submitted solution can get a maximum of 5 marks. At the end of each lab or in the next lab, there
CS213: Advanced Programming Page 2
will be a viva/quiz related to the tasks. You must show the implementation of the tasks in the
designing tool, along with your complete Word document to get your work graded. You must
also submit this Word document on the LMS. In case of any problems with submissions on
LMS, submit your Lab assignments by emailing it to Ms. Ayesha Asif:
[email protected].
CS213: Advanced Programming Page 3