GithubHelp home page GithubHelp logo

ets-reactnative1 / mobile-flashcards Goto Github PK

View Code? Open in Web Editor NEW

This project forked from belen-pruvost/mobile-flashcards

0.0 0.0 0.0 5.46 MB

Udacity's NanoDegree React Native end project

JavaScript 100.00%

mobile-flashcards's Introduction

Mobile Flashcards App

This is Belén Pruvost's assessment project for the React Native module, included in Udacity's React Nanodegree.

It is a mobile application 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.a

It was designed for Android and tested on Pixel emulator.

How to install and run it

  • Clone this repo.
  • Run yarn install in the project directory
  • Run yarn start

Sections

New Deck

Allows the user to specify the title for a new Deck. new-deck

Deck Overview

Allows the user to have an overview of a given deck, which shows how many cards are included on it. deck-overview

It also allows the user to add new cards to the deck, or to take the quiz.

Add Card

For which allows the user to specify a new card for a given deck, by submitting a question and an answer.

add-card

question

Take Quiz

When the user select the option to take the quiz of a given deck, they will be presented with each card the deck has. take-quiz

The user can toggle between the question and the answer, and based on that they can select whether they have answered correctly or not. show-answer

At the end of the list of cards for a given deck, the user will be presented with their total score. show-answer

Deck List

The user can browse to see the list of all decks that have been defined.

deck-list

mobile-flashcards's People

Contributors

bardiaalavi-2020 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.