Your learning plan · 20 modules

React Native Full-Stack Mobile App Development

Start with HTML, CSS and JavaScript, then build mobile apps with React Native and Expo. Add screens, navigation, API data and local storage, create a Node.js and MongoDB backend, and bring the pieces together in a final mobile app.

App developmentDesign / Build / Test

Who it's for: College students, professionals and advanced teens
Age group: placement based on experience
Suggested duration: 8 months / approximately 32 weeks
How you learn: Concepts → practice → projects

Explore all 20 modules Download syllabus (PDF)

Age ranges are approximate. We'll confirm your starting module and class schedule before enrolment.

The goal

What you'll learn to do

Build responsive frontend projects with HTML5, CSS3 and modern JavaScript.
Create React Native apps using Expo, JSX, reusable components, props, state and hooks.
Add navigation, API data, local storage, forms, validation, themes and animations.
Explore camera, location, notification and permission workflows, with demos where the environment supports them.
Build Node.js and Express APIs with MongoDB, Mongoose, password hashing and JWT authentication.
Connect a mobile frontend to its backend and prepare a capstone, backend deployment and Android/iOS build plan.

One module at a time

Your module-wise syllabus

Open a module to see the topics and hands-on practice. Start with the foundations and build up step by step.

Course Overview and Mobile App Foundation

What you'll explore

Native vs hybrid apps
Mobile app development workflow
Frontend and backend roles
React Native overview
Full-stack mobile architecture

Try it yourself

Draw app architecture
Prepare and complete a checklist of the tools to install
Explore ideas for the final mobile app

HTML5 Core Concepts

What you'll explore

HTML document anatomy
Semantic elements
Forms and input types
Validation attributes
Multimedia content
Meta tags and accessibility

Try it yourself

Create personal portfolio website
Add form and media
Use semantic sections

CSS3 and Modern Styling

What you'll explore

CSS selectors
Box model
Positioning and display
Flexbox
CSS Grid
Colors, gradients and shadows
Transitions and animations

Try it yourself

Design company landing page
Add hero banner and services section
Make design responsive

Bootstrap and Tailwind CSS Overview

What you'll explore

Framework purpose
Bootstrap grid/components
Tailwind utility classes
Responsive utilities
When to use custom CSS

Try it yourself

Build one landing page section using framework
Customize spacing/colors
Review best practices

JavaScript ES6 Programming

What you'll explore

let, const and var
Arrow functions
Template literals
Destructuring
Spread/rest operators
Objects and arrays
map, filter and reduce

Try it yourself

Build product data list
Use map/filter/reduce
Refactor old syntax to ES6

Asynchronous JavaScript and APIs

What you'll explore

Promises
Async/await
Fetch/Axios
DOM interaction
Local storage
Public API data handling

Try it yourself

Create interactive product catalog
Fetch API data
Save selected data locally

Frontend Integration Project

What you'll explore

HTML/CSS/JS integration
Public API communication
Debugging browser tools
Optimization basics
Git basics
E-commerce frontend prototype

Try it yourself

Build e-commerce frontend prototype
Add product listings and cart
Make it responsive

React Native Setup with Expo

What you'll explore

Install Expo CLI/tools
Create React Native project
Project structure
Running app on emulator/device
Expo Go workflow

Try it yourself

Create first React Native app
Run on device/emulator
Edit first screen text/style

React Native Components, JSX, Props and State

What you'll explore

View, Text, Image, ScrollView and Touchable components
JSX rules
Functional components
Props
useState
Reusable UI blocks

Try it yourself

Build profile card screen
Create reusable button/card
Add counter or toggle state

React Native Styling and Flexbox

What you'll explore

StyleSheet API
Inline vs StyleSheet styling
Flexbox in React Native
Spacing and alignment
Responsive screen design
Theme basics

Try it yourself

Build mobile home screen
Style header, cards and buttons
Test on different screen sizes

Navigation in React Native

What you'll explore

React Navigation setup
Stack navigation
Tab navigation
Drawer navigation
Passing params
Screen organization

Try it yourself

Create multi-screen app
Add tab navigation
Build list-to-detail navigation

Hooks and API Data in Mobile Apps

What you'll explore

useState and useEffect
Fetching API data
Loading and error UI
FlatList rendering
Pull-to-refresh overview

Try it yourself

Build mobile news reader app
Fetch news/API data
Navigate to detail screen

Context API and Local Storage

What you'll explore

Context API
Global state
AsyncStorage
Offline data persistence
Theme toggling
Login state storage

Try it yourself

Save user preferences
Build offline notes/favorites feature
Add theme toggle

Forms and Validation in React Native

What you'll explore

TextInput handling
Controlled forms
Formik overview
Yup validation
Error messages
Keyboard handling

Try it yourself

Build signup/login form
Add validation rules
Show success/error feedback

Device Features and UX Enhancements

What you'll explore

Camera integration overview
Geolocation
Notifications
Permissions
Animations with Animated/Reanimated
UX improvements

Try it yourself

Add location/camera placeholder flow
Create animation for card/button
Improve app UX

Backend Development with Node.js and Express

What you'll explore

Node.js backend overview
Express server
REST APIs
GET/POST/PUT/DELETE
Middleware
Postman testing

Try it yourself

Create task API backend
Test endpoints in Postman
Prepare API routes for mobile app

MongoDB, Mongoose and Authentication

What you'll explore

MongoDB database
Mongoose schemas and models
CRUD operations
bcrypt password hashing
JWT authentication
Authorization basics

Try it yourself

Build user auth APIs
Create task/product model
Test protected route

Full-Stack Mobile Integration

What you'll explore

Connecting React Native with backend APIs
Base URL and environment variables
Login token storage
Authenticated requests
Context/Redux integration

Try it yourself

Connect login screen to backend
Fetch user tasks/data
Handle loading/errors

Builds, Backend Deployment and App Deployment Planning

What you'll explore

Production builds
Android build overview
iOS deployment process overview
Backend deployment to Render/Vercel
Git-based collaboration
Common deployment issues

Try it yourself

Deploy backend API
Prepare mobile app build checklist
Update README and screenshots

Full-Stack Mobile Capstone

What you'll explore

Capstone planning
Feature list and screen flow
Database schema
Authentication
Offline storage
API integration
Final demo and assessment

Try it yourself

Build a fitness tracker, news, task-management or food-order app
Submit GitHub and screenshots
Present final app demo

Make your learning visible

Projects & practice you can build on

These ideas come from the syllabus. Your teacher will help choose and adapt projects to your level.

A personal portfolio and responsive company landing page
An interactive product catalog and e-commerce frontend prototype
A mobile news reader with API data and navigation
Offline notes or favorites with saved preferences
A task-management backend with user authentication
A full-stack fitness tracker, news, task-management or food-order app

Where could you go next?

Possible next steps to discuss once you're confident with this syllabus.

Project Studio

Adapted for students and parents from the academy's module-wise syllabus. The downloadable PDF includes the original detailed teaching plan.