Project-019-Quiz-Game-App-RN_10

Project Source

Table of Contents

• Overview
• Built With
• Features
• How to use
• Acknowledgements
• Contact

Overview

Built With

• React-native

Features

This app comprises use of Stack Navigation, Redux and RESTFUL Web APIs

• User can click start button and choose a stage for start a new quiz.
• When the user tap the desired stage for quiz, countdown starts from 5 sec, end of the duration quiz commence by itself.
• When open quiz page, as well as countdown start from 20 secs
• User must answer questions the mentioned duration. End of duration or in case of finish all questions, the page directed to result page which shown score.
• User can play again by click Play Again button in case of desired.
• When directed to Home page, modal open by itself for choose.

How To Use

To use this application, the packages for navigation, redux, Countdown Circle Timer, Modal, Vector Icons and APIs (axios) should be installed prior to running the app. From your command line:

npm install @react-navigation/native
For expo :
expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
For bare React-native:
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
npx pod-install ios(for IOS)
npm install @react-navigation/stack
npm install axios
npm install redux react-redux
npm install react-countdown-circle-timer
npm install react-native-modal
npm install react-native-vector-icons

Note: You can use any fonts with GoogleFonts

Acknowledgements

• Source of APIs

Contact

• RamazanAksu
• Linkedin @Ramazan_Aksu