algokun / reactnd-mobile-flashcards

Mobile Flashcards is a native application built with React Native that helps you in remembering things. You can add decks, cards to decks and play quiz to check how much you remembered

Mobile Flashcards

Mobile Flashcards is a native application built with React Native that helps you in remembering things. You can add decks, cards to decks and play quiz to check how much you remembered. It also helps you by sending quick remainders to study.

What i learnt?

• How to create native apps using React Native
• How React and React Native are similar
• React Native core concepts
  • Using react-native library
  • Using expo
  • How to navigate
  • Different ways to navigate in React Native
  • Using Native Features, Notifications
• Using ReactNative and Redux
• Using Redux Middlewares
• Dispatching Actions to update Store via Reducer

Features

• 🌟 Customized Styles using CSS
• 🔥 Highly-Reactive UI
• 💡 Ready made components
• 🗺️ Routing using React Navigation
• ♻️ State management using Redux
• ❓ Add a question
• 🗒️ Create Decks
• 🤔 Remember using Flashcards
• 🎁 Score to see your results
• 🔔 Local Notifications

Installation

1. To Start with download node on your pc from its official site.
2. Install the dependencies

    npm install

3. Install expo-cli using node

    npm i -g expo-cli

4. Before running the app run this command to link the font

    yarn react-native link

4. Run the app

    expo start

5. See live in your local machine here.

6. If you're facing watchman error :

rm -rf /usr/local/var/run/watchman/root-state

Screenshots