Git Product home page Git Product logo

acahet / mobile-flash-card-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 126 KB

Udacity-React-Native-Project: To build a mobile application (Android or iOS - or both) that allows users to study collections of flashcards. The app will allow users to create different categories of flashcards called "decks", add flashcards to those decks, then take quizzes on those decks.

JavaScript 100.00%

mobile-flash-card-app's Introduction

mobile-flash-card-app

Udacity-React-Native-Project: To build a mobile application (Android or iOS - or both) that allows users to study collections of flashcards. The app will allow users to create different categories of flashcards called "decks", add flashcards to those decks, then take quizzes on those decks. @author: anderson cahet

Mobile Flashcards - Udacity Course

Native mobile app for iOS and android, that allows users to create deck, add card, take quiz. It uses: - React Native, Expo, Redux, React Navigation, AsyncStorage, Notifications

Start Project

  • Download/Clone repo
  • npm install
  • expo start OR npm start

Landing Page

  • Deck List with two seeded card - React - JavaScript
  • View Deck btn
    • takes user to deck view
  • Second tab - Add Deck - Provided to let user add a new deck - onSubmit user lands in the newly deck view Deck View
  • Display: - Deck Title - Amount of card on deck - Add Card btn - allows user to add a new card - user lands in add card view - Start Quiz - takes user to quiz View Add Card
  • Display: - Deck title label - question Input - Answer label - answer input - toggle that allow user to change between true/false(default) - used to save is the answer is tru or false - submit btn - disabled unless question/answer are populated - takes user back to deck view Start Quiz
  • Display: - deck with no cards - it show an empty message - populated decks: - actual question/total number of question - question text - view answer btn -> on click it displays the answer - correct/incorrect btn - on completion: - more correct questions than incorrect -> congrats view - back to deck btn - user lands in deck view - restart quiz btn - user lands in the first question of the actual deck quiz view Dev Process Developed using snack.expo.io Tested using snack.expo.io - web view/android/iOS Tested on an android device Sources
  • https://reactnative.dev
  • udacity React Native
  • udacity mentor section

mobile-flash-card-app's People

Contributors

acahet avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.