Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/algokun/reactnd-mobile-flashcards
Mobile Flashcards is a native application built with React Native that helps you in remembering things. You can add decks, cards to decks and play quiz to check how much you remembered
https://github.com/algokun/reactnd-mobile-flashcards
flashcards react react-native react-redux redux redux-thunk udacity udacity-nanodegree udacity-react-nanodegree
Last synced: about 4 hours ago
JSON representation
Mobile Flashcards is a native application built with React Native that helps you in remembering things. You can add decks, cards to decks and play quiz to check how much you remembered
- Host: GitHub
- URL: https://github.com/algokun/reactnd-mobile-flashcards
- Owner: algokun
- Created: 2020-07-18T20:02:43.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T14:20:44.000Z (almost 2 years ago)
- Last Synced: 2023-03-06T23:15:59.603Z (over 1 year ago)
- Topics: flashcards, react, react-native, react-redux, redux, redux-thunk, udacity, udacity-nanodegree, udacity-react-nanodegree
- Language: JavaScript
- Homepage: https://expo.io/@algokun/flashcards
- Size: 2.67 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mobile Flashcards
Mobile Flashcards is a native application built with React Native that helps you in remembering things. You can add decks, cards to decks and play quiz to check how much you remembered. It also helps you by sending quick remainders to study.
## What i learnt?
- [x] How to create native apps using React Native
- [x] How React and React Native are similar
- React Native core concepts
- [x] Using `react-native` library
- [x] Using `expo`
- [x] How to navigate
- [x] Different ways to navigate in React Native
- [x] Using Native Features, `Notifications`
- [x] Using ReactNative and Redux
- [x] Using Redux Middlewares
- [x] Dispatching Actions to update Store via Reducer
## Features
- 🌟 Customized Styles using CSS
- 🔥 Highly-Reactive UI
- 💡 Ready made components
- 🗺️ Routing using React Navigation
- ♻️ State management using Redux
- ❓ Add a question
- 🗒️ Create Decks
- 🤔 Remember using Flashcards
- 🎁 Score to see your results
- 🔔 Local Notifications
## Installation
1. To Start with download node on your pc from its official site.
2. Install the dependencies
```
npm install
```
3. Install `expo-cli` using node
```
npm i -g expo-cli
```
4. Before running the app run this command to link the font
```
yarn react-native link
```
4. Run the app
```
expo start
```
5. See live in your local machine [here](http://localhost:19002/).
6. If you're facing `watchman error` :
```
rm -rf /usr/local/var/run/watchman/root-state
```
## Screenshots
| | | | |
| ------------------------- | ------------------------- | ------------------------- | ------------------------- |
|  |  |  |  |