Skip to content

App created in React Native in which mobile flash cards can be created and organized.

Notifications You must be signed in to change notification settings

adeelbarki/mobile-flash-cards

Repository files navigation

Project: Udacity Mobile Flash Card in React Native (Version 1.0.1)

Description

This project is designed using React Native & redux for Udacity React Nanodegree Program. Purpose is to create an application where a flash card application is designed. Mobile user can add decks, cards and start a quiz.

This mobile application provides certain features that displays:

  • primary view with all the decks and number of cards these decks hold
  • option for new deck creation
  • a single deck info when clicked
  • number of cards in the deck
  • quiz view that brings questions one at a time
  • score, buttons to retry or goto deck view
  • Notification for daily practice

Resources

The application was created with create-react-native-app and requires only yarn install and yarn start to launch. These files can be cloned from github link using this command

$ git clone https://github.com/adeelbarki/mobile-flash-cards.git

Make sure to $ cd mobile-flash-card in terminal to access all files.

Run the code

Run yarn install and then yarn startto run this application.

Browser will open a localhost screen. In Bottom left corner, make sure connection is selected to LAN and make sure to capture barcode from expo app on mobile. It can take some time to download bundle.

(Note: In some system, LAN connection does not work due to bigger network address. The issue can be resolved in hardware network properties. Goto WIFI adpater options. Right Click on your connected network and goto properties. In IPv4 goto advanced and uncheck automatic metric and write 10 in interface metric. Click ok and restart your app using yarn start in terminal.)

Testing

Results of these tasks are tested on Google Pixel 3 with latest Android version.

License

Project mobile-flash-cards is a part of React Nanodegree Program at Udactiy.

Author

  • Adeel Ahmed Khan (Adeel Barki)
    __ Full Stack Web Developer
    Front End Web Developer
    React Web Developer
    DevOps Engineer __

About

App created in React Native in which mobile flash cards can be created and organized.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published