Skip to content

ReactNativeKiel/react-native-asteroids

Repository files navigation

Asteroids

js-standard-style

  • Standard compliant React Native Clone of the famous Asteroids game using Ignite as a basis

🔥 Goal

This game was developed at the React (Native) Meetup Kiel - Episode 3. The goal was to build a clone of the famous asteroids game, but due to the lack of gyroscope libraries for react-native we shifted the goal to build a game where you can drag your space ship in order to avoid asteroids.

✎ TODOs

  • Have a spaceship
  • Have moving asteroids
  • Have a colission detection
  • Have no longer to be seen asteroids removed from the game
  • Have a fluent rendering performance

⬆️ How to Setup

Step 1: git clone this repo:

Step 2: cd to the cloned repo:

Step 3: Install the Application with npm install

▶️ How to Run App

  1. cd to the repo
  2. Run Build for either OS
  • for iOS
    • run react-native run-ios
  • for Android
    • Run Genymotion
    • run react-native run-android

🚫 Standard Compliant

js-standard-style This project adheres to Standard. Our CI enforces this, so we suggest you enable linting to keep your project compliant during development.

To Lint on Commit

This is implemented using ghooks. There is no additional setup needed.

Bypass Lint

If you have to bypass lint for a special commit that you will come back and clean (pushing something to a branch etc.) then you can bypass git hooks with adding --no-verify to your commit command.

Understanding Linting Errors

The linting rules are from JS Standard and React-Standard. Regular JS errors can be found with descriptions here, while React errors and descriptions can be found here.

🔐 Secrets

This project uses react-native-config to expose config variables to your javascript code in React Native. You can store API keys and other sensitive information in a .env file:

API_URL=https://myapi.com
GOOGLE_MAPS_API_KEY=abcdefgh

and access them from React Native like so:

import Secrets from 'react-native-config'

Secrets.API_URL  // 'https://myapi.com'
Secrets.GOOGLE_MAPS_API_KEY  // 'abcdefgh'

The .env file is ignored by git keeping those secrets out of your repo.

📂 Related Articles

Ignite Documentation - Ignite Wiki https://github.com/infinitered/ignite/wiki

About

An asteroids game developed at our third meetup

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published