Giter Club home page Giter Club logo

amnesia-game's Introduction

Amnesia Game

React Native License

Here is a quick start guide:

git clone [email protected]:KalebPortillo/amnesia-game.git
cd amnesia-game
yarn install
yarn run ios

For further setup instructions please see our Getting Started section.

Contents

Application Blueprint

  • Always up-to-date React Native scaffolding
  • Modular and well-documented structure for application code
  • Redux with Ducks proposal for state management
  • Reselect for compute devided data
  • React Navigation for awesome navigation with 60fps transitions
  • Redux Persist Disk-persisted application state caching for offline support and snappy startup performance
  • Sample app to show how to wire it all together
  • React Native Config Multi-environment configuration (dev, staging, production) for iOS and Android
  • Automagically update project version in both Android and iOS when running npm version command
  • Prettier for consistant code format
  • Custom splash screen ready, just change the image asset

Testing Setup

  • Jest for unit testing application code and providing coverage information.
  • Enzyme and fully mocked React Native for unit testing UI components
  • Utilities for end-to-end integration testing Redux state, including side effects and asynchronous actions

Getting started

You will need node, npm, yarn(preferably), Android Studio, Xcode, React Native CLI, and all these basic stuff setup in your machine

Development workflow

After you have set up the project using above instructions, you can use your favorite IDE or text editor to write code, and run the application from the command line. Turn on React Native hot module reloading in the app developer menu to update your application as you code.

Start the application in iOS simulator
$ yarn ios
Start the application in Android simulator

(If using the stock emulator, the emulator must be running)

$ yarn android
Run unit tests
$ yarn test
Run tests every time code changes
$ yarn test:watch
Generate code coverage report
$ yarn coverage
Update project version
$ yarn version

For more awesome yarn commands, refer to package.json scripts section

Debugging

For standard debugging select Debug JS Remotely from the React Native Development context menu (To open the context menu, press CMD+D in iOS or D+D in Android). This will open a new Chrome tab under http://localhost:8081/debugger-ui and prints all actions to the console.

For advanced debugging under macOS we suggest using the standalone React Native Debugger, which is based on the official debugger of React Native. It includes the React Inspector and Redux DevTools so you can inspect React views and get a detailed history of the Redux state.

You can install it via brew and run it as a standalone app:

$ brew update && brew cask install react-native-debugger

Note: Make sure you close all active chrome debugger tabs and then restart the debugger from the React Native Development context menu.

Contributing

If you find any problems, please open an issue or submit a fix as a pull request.

We welcome new features, but for large changes let's discuss first to make sure the changes can be accepted and integrated smoothly.

License

MIT License

amnesia-game's People

Contributors

kalebportillo avatar

Watchers

James Cloos avatar Thiago G. Alves avatar  avatar

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.