sthefanoc / omnistack11-be-the-hero

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

LinkedIn
Twitter Follow

Be the Hero - Semana OmniStack App

Be the Hero Project Reaact - Semana Omnistack

A Hangman Game in which the user has to get the right Beatles music.

Screenshots

Web App - React.Js
Mobile App - React Native

Getting Started

Cloning the project

To get this running on another machine, just clone the repo and run the command to start the server:

npm start

How To Play The Game

Select a letter to figure out a hidden word in a set amount of chances

Project Specifications

  • Display hangman pole and figure using SVG
  • Generate a random Beatles music
  • Display word in UI with correct letters
  • Display wrong letters
  • Show notification when select a letter twice
  • Show popup on win or lose
  • Play again button to reset game

Prerequisites

No external libraries were used. The media files for the project are inside the "assets" page, inside "src". The files are referenced on the app.

Styles

The website is responsive. Using media-queries the app can be used on desktop or smaller screens.

Deployment

The app is deployed on gh-pages. To make this work, it's necessary to install the npm package and add two scripts on "package.json" file.

Install gh-pages

npm install gh-pages --save-dev

Scritps to add to package.json

"predeploy": "npm run build",
"deploy": "gh-pages -d build"

Built With

Authors

Acknowledgments

  • This project is the nº03 commit of my #100DaysOfCode journey to improve my ReactJS abilities
  • The Beatles Hangman game is an adaptation of a code by codeSTACKr
  • The original version, in vanilla JS was made by Brad Traversy
  • Follow me on twitter and see my other projects: Sthefano_C

About


Languages

Language:JavaScript 87.1%Language:CSS 11.9%Language:HTML 1.0%