Code Monkey home page Code Monkey logo

expotriviaapp's Introduction

Trivia App

Trivia App Logo

๐Ÿ‘‹ Introduction

Trivia application that provides 10 questions to be answered by the user. The basic workflow is:

                 โ”€โ”€โ”€โ”€โ”€
                v     |
Home Screen -> Questions -> Results page
    ^                           โ”‚
    โ”‚    PLAY AGAIN Button      โ”‚
    โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€

๐Ÿƒ How to run the app

  1. Run yarn install

This will install both runtime project dependencies and developer tools listed in package.json

  1. [Optional] Run yarn start

Starts the Expo bundler server that opens a web page for development (both virtual and physical devices). You can select there which device to use.

  1. Run yarn ios and/or yarn android

It builds the app iOS and Android respectively. If no physical devices are bound, emulators or simulators are opened to do so. Also, if the development server was not already running, it starts it on a new terminal window.


๐Ÿ”ฌ Requirements

To start your local environment, you need to follow this steps. TL;DR: follow the official React Native doc

๐Ÿ MacOS development

With HomeBrew, install Node.js, Watchman and Java 8 JDK.

brew install node
brew install watchman
brew install --cask adoptopenjdk/openjdk/adoptopenjdk8

For iOS development, install XCode and its command line tools. Additionally, install Cocoapods:

sudo gem install cocoapods

Lastly, for Android you need Android Studio and its SDK. For detailed instructions, check the official documentation

๐Ÿค– Windows development

Install Node.js and Java 8 JDK with Chocolately:

choco install -y nodejs.install openjdk8

Then, install Android Studio and its SDK. For detailed instructions, check the official documentation.


๐Ÿ‘ Contributing

Please refer to our contributing guidelines to maintain an organized pattern regarding contributions.

expotriviaapp's People

Contributors

juanmanso avatar

Watchers

James Cloos avatar  avatar

expotriviaapp's Issues

Proper init of RN app

  • Add custom icon + splash screen
  • Add and tweak linter
  • Add Contributing Guidelines
  • Add git hooks with Husky
  • Add commitlint for commit message linting
  • Add GitHub templates
  • Refactor Expo template
  • Init README file
  • Add LICENSE

Implement Results Screen

  • Add Headline component showing the score
  • Add List with Questions and Results
  • Add PlayAgain button to redirect to the Home Screen

Implement Quiz Screen

  • Add Headline component to show category info from the question
  • Add QuestionCard component
  • Add AnswerComponent with True and False buttons
  • Implement navigation to new Quiz Screen with a new question
  • When 10th question is answered, navigate to Results Screen

Implement Home Screen

  • Add Headline Component
  • Add instruction's component
  • Add confirmation component
  • Refactor BeginButton to follow Look & Feel

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.