victoriousj / react-redux-simon-says

Simon Says that is made using React for the UI and Redux for the state management. Learned quite a bit about React's refs and how to structure a React Application.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

SIMON SAYS Check it out!

ReactBabelWebpack

A web-based rendition of Hasbro's classic game that we all grew up playing. Think your smart? Try to remember a sequence greater than five! Ten! The sky is the limit.


Simon Says


Installation (requires Node and NPM)

Use Git to clone the repository and Node/NPM to run the application.

git clone https://github.com/victoriousj/simon-says-react-redux.git
cd simon-says-react-redux
npm install
npm start

Open your web browser to localhost:3000

About

The game is the first React application that I made from scratch. It was boot-strapped with Create-React-App, which I found works very well with Github Pages.

This application works well in browsers of all sizes and is heavily responsive to browser changes.

One thing that I took away from this is the use of React's Refs in order to trigger button presses from the main app component. Referencing child components from the parent is not exactly in-line with React's uni-directional data-flow, so it was interesting to have to use.

License

MIT

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

Simon Says that is made using React for the UI and Redux for the state management. Learned quite a bit about React's refs and how to structure a React Application.

License:MIT License


Languages

Language:JavaScript 63.1%Language:CSS 35.0%Language:HTML 1.9%