Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/furkan-dogu/kurs_icerigi

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.
https://github.com/furkan-dogu/kurs_icerigi

axios expo firebase-realtime-database react react-native react-native-bottom-tabbar react-native-safe-area-context react-native-screens react-navigation

Last synced: about 1 month ago
JSON representation

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.

Awesome Lists containing this project

README

        

# 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](#features)
- [Technologies Used](#technologies-used)
- [Project Skeleton](#project-skeleton)
- [Screenshots](#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