Project Report: Build a Full Stack React Native App
Prepared by: Ayoub Oubouh
Date: April 18, 2025
1. Introduction
The "Build a Full Stack React Native App" project is a comprehensive mobile application
development initiative that combines React Native for the frontend with a Node.js backend
(or Firebase) to create a fully functional cross-platform app. This project enhances skills in
full-stack development, API integration, state management, and deployment strategies.
Objectives:
• Develop a cross-platform mobile app (iOS & Android) using React Native.
• Build a scalable backend with Node.js, Express, and MongoDB (or Firebase).
• Implement user authentication (JWT or Firebase Auth).
• Ensure real-time data synchronization between frontend and backend.
• Deploy the app for testing and production.
2. Technologies Used
Frontend (React Native)
• React Native – Core framework for mobile app development.
• React Navigation – For seamless screen transitions.
• State Management – Redux Toolkit or Context API.
• UI Components – NativeBase, React Native Paper, or custom designs.
• Axios/Fetch – For API communication.
Backend (Server & Database)
• Node.js & Express – Backend server setup.
• MongoDB (NoSQL) / PostgreSQL (SQL) – Database management.
• Firebase (Optional) – For authentication and real-time database.
• JWT (JSON Web Tokens) – Secure user authentication.
Development & Deployment Tools
• Expo – For rapid prototyping and testing.
• Postman/Insomnia – API testing.
• Git & GitHub – Version control.
• Heroku/AWS/Firebase – Backend deployment.
• Google Play Store / Apple App Store – App deployment.