Course Content Management App

About the Project

This project is a React Native application that allows users to manage course content. Users can add new courses, edit existing courses, and delete courses.

Table of Contents

• Features
• Technologies Used
• Project Skeleton
• Screenshots

Features

• Add Course: Add new courses and input their details.
• Edit Course: Update existing courses.
• Delete Course: Remove courses.
• List Courses: Display recently enrolled and all courses.
• Filter Courses: Filter courses enrolled recently.
• Total Amount: Display the total amount of courses.

Technologies Used

• React Native: For mobile application development.
• Expo: Development platform for React Native.
• React Navigation: For navigation within the app.
  • @react-navigation/native
  • @react-navigation/bottom-tabs
  • @react-navigation/native-stack
• Axios: For managing HTTP requests.
• Firebase Realtime Database: For data storage and management.
• React Context API: For global state management.

Project Skeleton

Course Content Management App (folder)
│
├── assets
│     └── [images]
├── components
│     ├── AuthContent.jsx 
│     ├── AuthForm.jsx 
│     ├── Button.jsx 
│     ├── ButtonWhite.jsx 
│     ├── Input.jsx       
│     └── Loading.jsx 
├── context      
│     └── AuthContext.jsx 
├── helpers      
│     └── auth.js
├── screens
│     ├── HomeScreen.jsx 
│     ├── LoginScreen.jsx      
│     └── SignUpScreen.jsx 
├── .gitignore
├── App.js
├── app.json
├── babel.config.js
├── package-lock.json
├── package.json
└── README.md

Screenshots