/mobile-flashcards

Repository for the final project of Udacity Nanodegree React: React Native.

Primary LanguageJavaScript

Mobile Flashcards

Mobile Flashcards is a mobile application (Android or iOS - or both) that allows users to study collections of flashcards. The app allows users to create different categories of flashcards called "decks", add flashcards to those decks, then take quizzes on those decks.

Chek out the demo: https://snack.expo.io/@gonxis/mobile-flashcards

🚀 How to use

  • Install with yarn or npm install / npm i.
  • Run expo start to try it out.

Scripts

  • yarn start: runs the app in development mode
  • yarn run ios: builds the app for iOS
  • yarn run test: runs the test watcher in an interactive mode
  • yarn run eject: ejects the app so you have full control over configuration files and transitive dependencies

Create React Native App

This project was bootstrapped with Create React Native App.

Below you'll find information about performing common tasks. The most recent version of this guide is available here.

Built With

  • React - A JavaScript library for building user interfaces
  • React Native - A framework for building native apps using React
  • expo - A toolchain built around React Native to help us build native apps using JavaScript and React
  • React Navigation - Routing and navigation for your React Native apps
  • Redux - Redux is a predictable state container for JavaScript apps
  • react-redux - Official React bindings for Redux

📝 Tailwind CSS in use at mobile-flashcards project

Contributing

You are always welcome to contribute with the project.

Testing

Tested in:

  • iOS Simulator (iPhone SE 2nd Generation)
  • Android Pie (Samsung Galaxy S8)

ScreenShots

DeckList AddDeck Deck AddCard AddCard with inputs complete Quiz with the question Quiz with the Answer Correct answer Incorrect one