This project is not maintained anymore and it has been archived.
The third and last project in the React Nanodegree course 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.
This project has been created usning create-react-native-app
.
To install the application, you can (fork and) download it and then run the command npm install
from your console. To launch it, after the installation has successfully complete, launch it with the command npm start
.
yarn
can be used in place of npm
.
- React Native - A framework for building native apps using React
- React - A JavaScript library fro building user interfaces
- Redux - A predictable state container for JavaScript apps
- React Navigation - A library for an extensible yet easy-to-use navigation solution
- Expo - A set of tools, libraries and services which let you build native iOS and Android apps by writing JavaSript
- Genymotion Android Emulator - An easy and very powerful Android emulation platform for app developers and testers
- Daniele Erbì - daniel-234
IMPORTANT: This app has only been tested on an Android device (a Samsung S6, through an emulator) and not on any iOS phone or emulation platform.
Why this project? This app has been created as the final project for the React Nanodegree at Udacity and encompasses the fundamental aspects of building a native application including handling infinite lists, routing and user input. By building it, students of the React Nanodegree Program at Udacity will gain an understanding of how to use react Native to build an iOs and Android application. Although the emulation platform is not strictly speaking a building tool, I included it because of its importance in this work.
This project is licensed under the MIT License - see the LICENSE.md file for details
- Forums Expo - Genymotion is not responding - Error
- GitHub - React Navigation Issues - Stacking Tab Navigators shows blank screens
- Stackoverflow - Programmatically add a component in React Native
- The code used for local notifiction to remind users to study for a specific day, if they haven't already done so, was entirely taken from one of the lessons the instructor built fro the React Native course hosted by Udacity:
- GitHub Udacity: React UdaciFitness - helpers
- GitHub Udacity: React UdaciFitness - updates for userLocalNotification
- Set headers to
null
in TabNavigator setting thenavigationOptions
parameter: - GitHub - React UdaciFitness - Changes for TabNavigator
- I found an issue when I had to go back to previous screen from inside a nested StackNavigator. The official documentation and the instructor pointed out that the
back
action creator takes back an optional parameter key, but in this case the solution (after much trial and errors) was to NOT provide any key at all (contrary to the case already resolved of TabNavigator where a key was accepted - seeNewDeck
): - GitHub - React UdaciFitness - Changes for finish navigation
- React Navigation Docs - Navigation actions - back
- GitHub - React Navigation issues
- Stackoverflow - React Native View onPress does not work
- Stackoverflow - Basic FlatList code throws warning - React Native