Skip to content

ReactNative + Redux code to create and take quizzes on your mobile device

Notifications You must be signed in to change notification settings

mattbt/react-mobile-flashcards

Repository files navigation

Flashcards: A ReactNative + Redux Mobile Quiz App

ReactNative + Redux code to create and take quizzes on your smartphone.
Flashcards lets users create unlimited decks with unlimited questions, challenge themselves by taking quizzes on these decks, receive a notification reminder at 5pm if no quiz has been completed during the day.
Flashcards uses AsyncStorage to store decks and cards.
Flashcards has been styled for Android but - thanks to ReactNative - with very little effort could be restyled for IOS.
This project is part of Udacity React Nanodegree Program.

Setup

  • download the project folder (master branch)
  • open your terminal and navigate to project folder
  • make sure you have Node.js and npm installed, or get them here
  • Run npm install
  • To run the application, choose one of the following:
    • run with expo:
      • if you haven't already, head to the app store and install the Expo mobile app for your device:
      • run npm start and wait for QR code to appear
      • open Expo on your device and scan QR code
    • run with Android/ios simulator: please check this guide

App info

Feature Preview
The main page contains a list of all existing decks,
each presented with the number of questions it contains.
Deck List
Users could add a new deck by navigating to tab NEW DECK,
entering the new deck title and submitting it.
New Deck page does not allow users to add a duplicated deck.
New Deck
By selecting a deck from deck list user gets to deck detail page.
Here it is possible to choose wheter to take the quiz or add a new question.
Deck Detail
User could add a new question to the deck by entering question and answer New Question
When user takes a quiz, all questions contained in the deck are prompted, one by one;
user guess an answer, then check the correct one
(card flips) and decide whether it was a correct guess or not.
Quiz
When all questions are done, user gets quiz result. User could take the quiz again or go back to deck detail page. Quiz Result

User receives a push notification reminder each day at 5pm if no quiz has been completed for the day.

About

ReactNative + Redux code to create and take quizzes on your mobile device

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published