This is the project for Udacity's React-Native course. The Mobile Flashcards app is built for students to quiz themselves, review the questions, and help them to better memorize what they've learned. I build a React-Native Front-End for the application. I used Create React Native App, Redux, React Navigation, Async Storage and Expo for this project. This app is tested on the ios Platform and website.
The user can see a list of decks or a text that asks them to add some decks when they first open the app.They can click a deck to go to the deck view.
In the deck view, user can see the title and total cards for this deck. There is a button to add a card and a button to start a quiz.
There is 2 inputs for question and answer, user can click the submit buttom to create a new card.
In the quiz view, there is the question, user can click the correct or incorrect button to log the correct counts, they can also flip the text button to see the answer or the question. At the end of the quiz, it shows how many times the user answered correctly, a button to restart the quiz, and a button to go back to the beck view.
- To get this project, type
git clone https://github.com/cheerworld/mobile-flashcards.gitin your terminal.
To get started developing right away:
- install all project dependencies with
npm install/yarn add - start the development server with
npm/yarn webfor the web view, you can also scan the code provided by expo to run the app in your mobile device, but you need to install expo app in your phone. You can get Expo App for Iphone, or get Expo App for Android.