https://github.com/ilz5753/online-learn
online-learn app template created via react native
https://github.com/ilz5753/online-learn
expo react-native react-navigation-v6 typescript
Last synced: 2 months ago
JSON representation
online-learn app template created via react native
- Host: GitHub
- URL: https://github.com/ilz5753/online-learn
- Owner: ilz5753
- License: mit
- Created: 2023-04-18T02:34:59.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-12T09:10:57.000Z (8 months ago)
- Last Synced: 2024-09-12T20:04:04.022Z (8 months ago)
- Topics: expo, react-native, react-navigation-v6, typescript
- Language: TypeScript
- Homepage:
- Size: 4.19 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Online Learn App
## Description
Online Learn is a mobile application that allows users to learn various topics and courses online. The app supports both dark and light mode, as well as multiple languages (currently supporting Persian and English). The app was created using React Native and various third-party libraries.
## Features
- Dark mode
- Multi-language support (Persian and English)
- Context API for state management
- Gesture support (Range pan)
- Bottom sheet for enhanced user experience
- React Navigation for seamless navigation between screens
- Authentication for secure login and user data management
## Requirements
- Node.js
- Expo CLI
## Installation
1. Clone the repository and navigate to the project directory.
2. Run `npm install` to install the required packages.
3. Run `expo start` to start the Expo development server.
4. Install the Expo app on your mobile device.
5. Scan the QR code generated by the development server using the Expo app.
## Usage
Once you have installed the app, you can use it to browse and enroll in various online courses. You can also switch between dark and light mode and change the language settings in the app's settings menu.
### Video Demos
Here are some videos demonstrating how to use the app:
| Video | Description |
| --- | --- |
| [Video 1](https://www.dropbox.com/s/k3zoxeuujfoxexd/android-dark-en.mp4?dl=0) | Android Dark Mode - English |
| [Video 2](https://www.dropbox.com/s/37a3hxm5pa7jzvn/android-dark-fa.mp4?dl=0) | Android Dark Mode - Persian |
| [Video 3](https://www.dropbox.com/s/5vtbqmyzppiguth/android-light-fa.mp4?dl=0) | Android Light Mode - Persian |
| [Video 4](https://www.dropbox.com/s/x57vjtsn02yxw10/ios-dark-en.mp4?dl=0) | IOS Dark Mode - English |
| [Video 5](https://www.dropbox.com/s/yqfglsc5on3igzy/ios-dark-fa.mp4?dl=0) | IOS Dark Mode - Persian |
| [Video 6](https://www.dropbox.com/s/4kmbs3ju4sc6mn6/ios-light-fa.mp4?dl=0) | IOS Light Mode - Persian |
## Donation
If you find this project useful and would like to support its development, you can donate using the following cryptocurrency address:
- Bitcoin: `bc1qv6mhzm05z3fwug8gwcq4tealgu4g9vuuzcvd9h`
- Ethereum: `0xb45C4eDD39FABeeFAeB030Ca8bE2b502beDB9b7c`
- Tether - TRC20: `TNMN5jsJvJJ3uzAE8gAWfTuqaiL2UduKdx`
## Contributing
If you'd like to contribute to the development of this app, please open a pull request or submit an issue in the repository's issue tracker.
## License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.