Quiz-Game-App

Project Source

Table of Contents

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

Overview

Built With

• React Native

Features

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

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

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

• LinkedIn: @Oguzhan Çavdar
• oguzhancavdar06@gmail.com