Skip to content

peter0xff/quizapp

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Quiz-app

PART 0 - Installing dependencies

WINDOWS USER:

a. Install chocolatey.

b. Open an Administrator Command Prompt (right click Command Prompt and select "Run as Administrator"), then run the following command:

choco install -y nodejs.install python2 jdk8

c. Install the React Native command line interface:

npm install -g react-native-cli

MAC OS USERS:

a. Run the following commands in a Terminal after installing Homebrew:

brew install node
brew install watchman

b. Install the React Native command line interface:

npm install -g react-native-cli

PART 1 - Creating the Quiz App

Assuming that Node is installed, you can use npm to install the create-react-native-app command line utility:

Step 1: npm install -g create-react-native-app

Step 2: npm install -g [email protected]

Then run the following commands to create a new React Native project called "QuizApp":

Step 3: create-react-native-app QuizApp
(should take some time)

Step 4: transfer the github files, scr folder and the App.js to your "QuizApp" directory.

Step 5:Next on the command prompt type:

cd QuizApp

Step 6: Install two node modules

npm install --save react-native-router-flux react-native-elements

PART 2 - Running your React Native application

Install the Expo client app on your iOS or Android phone and connect to the same wireless network as your computer. Using the Expo app, scan the QR code from your terminal to open your project.

Step 7: npm start

Disclaimer - If there are any issues with the app not loading in, try installing EXPO XDE for you device(laptop) here.

Step 7.1: Open Expo XDE from your Desktop, and select "Open existing project".

Step 7.2: Select the "QuizApp" directory.

Step 7.3: After the configuration is done, either press share to recieve a QR code or press device (connect your phone via usb cable to your laptop).

About

Build a Swipe-Deck Quiz App Using React Native

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%