Skip to content

An app built with React-native, Redux, and expo modules in fulfillment for Udacity React Nanodegree

License

Notifications You must be signed in to change notification settings

abisalde/MobileFlashcards

Repository files navigation

Mobile Flashcards

Mobile flashcard is a React Native App for both iOS and Android which allows users to create different categories of flashcards called "decks", add flashcards to these decks, and then study these decks by quizzing themselves.

  • For Android, it is tested on the latest version of Android with Pixel 5_API_29 using the Android Studio Emulator on the local machine
  • For iOS, it is tested on the latest version of iOS with iPhone 12 here

It is also tested on the latest version of React Native 0.66.3, React Navigation v6, Expo, and Redux.

In this application, users will be able to:

  • create a deck which can hold an unlimited number of flashcards.
  • add flashcards to the deck.
  • quiz themselves on the flashcards in a specific deck and receive a score once they're done.
  • during the quiz, users can flip a card over to see the answer.
  • users receive a notification reminder to study the deck if they haven't done so in a day.

Demo

Expo Snack: Mobile Flashcards

Installation

  • Clone the repository: git clone https://github.com/abisalde/mobile-flashcards.git
  • Install Project dependencies:
    • npm install or yarn install
  • Run the app using an Emulator:
    • For iOS: iOS Emulator react-native start && react-native run-ios on a separate terminal
    • For Android: Android Emulator react-native start && react-native run-android on a separate terminal
  • Run the app using Expo Go App on your mobile device:

Author

Tech Stack

Backend Server

  • AsyncStorage is used to store the decks and their flashcards.

Screenshot

MobileFlashcards

Create React Native App

This project was bootstrapped using Create React Native App and Expo Modules