A Hangman Game in which the user has to get the right Beatles music.
Web App - React.Js |
---|
Mobile App - React Native |
---|
To get this running on another machine, just clone the repo and run the command to start the server:
npm start
Select a letter to figure out a hidden word in a set amount of chances
- 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
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.
The website is responsive. Using media-queries the app can be used on desktop or smaller screens.
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.
npm install gh-pages --save-dev
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
- Visual Studio Code - The editor
- Create React App - The framework
- Sthefano Carvalho - SthefanoC
- 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