Skip to content

it-mario/education-app-react-native

Repository files navigation

education-app-react-native

education-app-react-native is a cross-platform mobile learning application built using React Native. It provides a simple and interactive learning experience with courses, quizzes, and progress tracking for students.


🚀 Features

  • Course listing and course detail screens
  • Structured learning modules (text/video-based)
  • Interactive quizzes with instant feedback and scoring
  • User progress tracking system
  • Clean and responsive mobile-first UI
  • Smooth navigation using React Navigation
  • Scalable architecture for future enhancements

🧠 Tech Stack

  • React Native
  • JavaScript (ES6+)
  • React Navigation
  • Context API / Redux (optional)
  • Firebase / REST API (optional backend)

📁 Project Structure

education-app-react-native/
│── src/
│   ├── components/
│   ├── screens/
│   │   ├── HomeScreen.js
│   │   ├── CourseScreen.js
│   │   ├── QuizScreen.js
│   │   └── ProfileScreen.js
│   ├── navigation/
│   │   └── AppNavigator.js
│   ├── services/
│   ├── context/
│   ├── data/
│   └── App.js
│
│── assets/
│   ├── images/
│   ├── icons/
│
│── package.json
│── README.md

⚙️ Installation

git clone https://github.com/your-username/education-app-react-native.git
cd education-app-react-native
npm install

▶️ Running the App

Android

npx react-native run-android

iOS

npx react-native run-ios

📱 App Overview

This application simulates a modern learning platform where users can:

  • Browse available courses
  • Learn through structured content
  • Take quizzes and receive instant results
  • Track learning progress over time

🧩 Screens Description

🏠 Home Screen

Displays available courses and learning categories.

📚 Course Screen

Shows detailed lessons, modules, and learning content.

🧪 Quiz Screen

Interactive quiz system with scoring and feedback.

👤 Profile Screen

Displays user progress, achievements, and settings.


🛠️ Future Improvements

  • Firebase authentication system
  • Real-time leaderboard system
  • AI-based personalized learning recommendations
  • Video streaming integration
  • Offline learning support
  • Dark mode UI
  • Push notifications for reminders

👨‍💻 Author

Built with ❤️ using React Native for modern mobile education experiences.


📄 License

This project is licensed under the MIT License.

About

A cross-platform mobile learning application built using React Native. It provides a simple and interactive learning experience with courses, quizzes, and progress tracking for students.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors