Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/islamhaqq/mobile-flashcards
An app made using React Native, React, and Redux for Android and iOS
https://github.com/islamhaqq/mobile-flashcards
Last synced: 5 days ago
JSON representation
An app made using React Native, React, and Redux for Android and iOS
- Host: GitHub
- URL: https://github.com/islamhaqq/mobile-flashcards
- Owner: islamhaqq
- Created: 2018-02-23T11:48:55.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-03-06T13:22:08.000Z (over 6 years ago)
- Last Synced: 2024-09-13T15:42:39.784Z (2 months ago)
- Language: JavaScript
- Size: 167 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mobile Flashcards
A mobile application made using React Native, React, and Redux.
## How to Run
Running a React Native app is a little different than web apps.
### Supported OS
* Android
* iOS (not tested)
### Run the Development Server
First we need to run the app on our machine.
```sh
$ git clone https://github.com/SyedAman/mobile-flashcards.git # get the source code
$ cd mobile-flashcards
$ yarn # install dependencies
$ yarn start # run dev server
```
### Demo the app
Now that we have the app running on our machine, we now need to use the app.
#### On your phone
You can run the app on your smartphone if you get the Expo app.
* Download the Expo app
* Press q in the terminal where the dev server is running to display QR code in the Expo app
* Scan the QR code and then Expo app should serve the bundled JS
#### On your emulator
You can also run the app on an iOS or Android simulator in your machine.
##### Android
* Run your android simulator (you can use Visual Studio, Android Studio, or Genymotion, etc.)
* Press a in the terminal where the dev server is running for running the app on the android emulator
##### iOS
* Note: has not been tested on iOS!
## How to Debug the App
### Debug the Store and its Reducers and Actions (Redux)
Go to which will present you with a GUI
### Debug React UI and components
You can also observe the hierarchy for app.
```sh
$ yarn global add react-devtools
$ cd mobile-flashcards
$ react-devtools # open up the dev tools
```