Mobile App Development with React Native

• Overview

Methodology

Codexra Education Model (Theoretical lecture, task completion, real world projects)

Weekly Class Hours

10 Hour

Week 1: Mobile Programming Basics and Introduction to React Native

Day 1

• Mobile application development fundamentals.
• What is React Native? Setup and creating the first project.
• Lab: Create your first 'Hello World' application.



Day 2

• React Native components: View, Text, Button, Image.
• Task: Create a simple user interface.

Week 2: Layout and Style Management

Day 3

• Flexbox layout and mobile design fundamentals.
• Lab: Create a card structure using Flexbox.



Day 4

• Styles in React Native: Inline, StyleSheet, and dynamic styles.
• Task: Design a profile screen.

Week 3: Navigation and User Interactions

Day 5

• React Navigation: Stack, Tab, and Drawer navigation.
• Lab: Create a multi-screen application.



Day 6

• Touchable components and user interactions.
• Task: Create a clickable list.

Week 4: Data Handling and API Integration

Day 7

• State management and Context API.
• Lab: Add and edit user data in a list.



Day 8

• API calls: Using Axios and Fetch.
• Task: Create a weather application.

Week 5: Data Management and Local Storage

Day 9

• Data storage with AsyncStorage.
• Lab: Create a favorites list application.



Day 10

• State management with Redux.
• Task: Develop a shopping cart application using Redux.

Week 6: Animations and Performance

Day 11

• React Native Animations and Reanimated library.
• Lab: Create a simple animated login screen.



Day 12

• Performance optimization: Rendering and load times.
• Task: Develop an application with performance improvements.

Week 7: User Authentication and Security

Day 13

• Firebase Authentication: Login and registration systems.
• Lab: Develop a user login and logout application.



Day 14

• Authorization and security measures.
• Task: Create an admin panel.

Week 8: Real-World Project

Day 15

• Project preparation: Requirements analysis and planning.
• Task: Develop a mobile application addressing real-world problems (e.g., restaurant order app, social media app).



Day 16

• Complete the project and present it.
• Lab: Test the project and evaluate user feedback.

Results and Achievements

Through this curriculum, participants will progress from beginner to professional level and learn the full web development process using Next.js. Practical exercises and real-world projects will not only enhance their technical skills but also improve their project management and problem-solving abilities.