/mobile-flashcards-react

React Native Project for Udacity React Nanodegree

Primary LanguageJavaScript

Mobile Flashcards (React Native Project for Udacity React Nanodegree)

Description of the Project

This React Native project is a part of React Nanodegree program, The purpose of this project is to demonstrate and to concepts learnt to create IOS and/or ANDROID app.

The primary view is a list of created decks which includes the name of each deck and the number of cards. Clicking on a deck from the list generate an animation, and the app route to an individual deck view. The user can start a quiz or add a new card (question/answer) to the selected deck.

In the app users can navigate to different views in order to:

* Select a deck from the list
* Add new decks
* Delete decks
* Add cards to decks
* Take a deck quiz 

Packages/Dependencies used:

"@react-native-community/async-storage": "^1.10.0",

"@react-native-community/masked-view": "0.1.7",

"@react-navigation/bottom-tabs": "5.2.4",

"@react-navigation/drawer": "5.3.4",

"@react-navigation/material-bottom-tabs": "5.1.6",

"@react-navigation/material-top-tabs": "5.1.6",

"@react-navigation/native": "5.1.3",

"@react-navigation/stack": "^5.2.18",

"expo": "~37.0.3",

"expo-permissions": "^8.1.0",

"expo-updates": "~0.1.0",

"react": "~16.9.0",

"react-dom": "~16.9.0",

"react-native": "^0.62.2",

"react-native-gesture-handler": "^1.6.1",

"react-native-paper": "^3.0.0",

"react-native-reanimated": "1.7.0",

"react-native-safe-area-context": "0.7.3",

"react-native-screens": "2.4.0",

"react-native-tab-view": "^2.0.0",

"react-native-unimodules": "~0.9.0",

"react-native-vector-icons": "^6.6.0",

"react-native-web": "~0.11.7",

"react-redux": "^7.2.0",

"redux": "^4.0.5",

"redux-thunk": "^2.3.0"

Installation

* Clone and navigate to the project directory
git clone https://github.com/ezeebube5/mobile-flashcards.git && cd mobile-flashcards
* Setup the node_modules repositories
npm install
* Install & Run the app
expo start

Used device

This app was tested on Samsung Galaxy Tab E and Expo Web (beta)