\r\n \r\n {\r\n (this.props.gameStatus==='active')\r\n ?
Tries Left: {this.props.counter}
\r\n : (this.props.gameStatus == \"win\")\r\n ? You Won the Game with {11 - this.props.counter} try(s)!!!!
\r\n :You Lost :(
\r\n\r\n }\r\n \r\n )\r\n }\r\n}\r\n","C:\\Users\\A\\bootcamp\\week-2\\02-start-games\\src\\component\\Hint.jsx",["104"],"C:\\Users\\A\\bootcamp\\week-2\\02-start-games\\src\\component\\Header.jsx",[],"C:\\Users\\A\\bootcamp\\assignments\\hangman_react_js\\hangman\\src\\reportWebVitals.js",[],"C:\\Users\\A\\bootcamp\\assignments\\hangman_react_js\\hangman\\src\\component\\ImagesCount.jsx",["105"],"C:\\Users\\A\\bootcamp\\assignments\\hangman_react_js\\hangman\\src\\component\\Hangman.jsx",["106"],"C:\\Users\\A\\bootcamp\\assignments\\hangman_react_js\\hangman\\src\\component\\Header.jsx",[],"C:\\Users\\A\\bootcamp\\assignments\\hangman_react_js\\hangman\\src\\index.js",[],"C:\\Users\\A\\bootcamp\\assignments\\hangman_react_js\\hangman\\src\\component\\Hint.jsx",["107"],"C:\\Users\\A\\bootcamp\\assignments\\hangman_react_js\\hangman\\src\\component\\Buttons.jsx",["108"],"C:\\Users\\A\\bootcamp\\assignments\\hangman_react_js\\hangman\\src\\component\\GameStatus.jsx",["109"],"import React, { Component } from 'react'\r\n\r\nexport default class GameStatus extends Component {\r\n\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {\r\n (this.props.gameStatus==='active')\r\n ?
Tries Left: {this.props.counter}
\r\n : (this.props.gameStatus == \"win\")\r\n ? You Won the Game with {11 - this.props.counter} try(s)!
\r\n : RIP!
Better Luck in the next life.
\r\n\r\n }\r\n \r\n )\r\n }\r\n}\r\n","C:\\Users\\A\\bootcamp\\assignments\\hangman_react_js\\hangman\\src\\component\\PlayAgainn.jsx",["110"],"import React, { Component } from 'react'\r\n\r\nexport default class PlayAgainn extends Component {\r\n constructor(props){\r\n super(props)\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n \r\n {\r\n this.props.word.split(\"\").map((letter, index) =>\r\n this.props.correctLetters.includes(letter)\r\n ? {letter} \r\n : ? \r\n \r\n )\r\n \r\n \r\n \r\n }\r\n\r\n \r\n
\r\n )\r\n }\r\n}\r\n","C:\\Users\\A\\bootcamp\\assignments\\hangman_react_js\\hangman\\src\\App.js",[],{"ruleId":"112","replacedBy":"113"},{"ruleId":"114","replacedBy":"115"},{"ruleId":"116","severity":1,"message":"117","line":58,"column":51,"nodeType":"118","messageId":"119","endLine":58,"endColumn":53},{"ruleId":"120","severity":1,"message":"121","line":15,"column":5,"nodeType":"122","messageId":"123","endLine":17,"endColumn":6},{"ruleId":"120","severity":1,"message":"121","line":5,"column":3,"nodeType":"122","messageId":"123","endLine":8,"endColumn":4},{"ruleId":"120","severity":1,"message":"121","line":4,"column":5,"nodeType":"122","messageId":"123","endLine":6,"endColumn":6},{"ruleId":"120","severity":1,"message":"121","line":4,"column":5,"nodeType":"122","messageId":"123","endLine":6,"endColumn":6},{"ruleId":"116","severity":1,"message":"117","line":13,"column":42,"nodeType":"118","messageId":"119","endLine":13,"endColumn":44},{"ruleId":"120","severity":1,"message":"121","line":5,"column":5,"nodeType":"122","messageId":"123","endLine":7,"endColumn":6},{"ruleId":"120","severity":1,"message":"121","line":15,"column":5,"nodeType":"122","messageId":"123","endLine":17,"endColumn":6},{"ruleId":"116","severity":1,"message":"117","line":71,"column":58,"nodeType":"118","messageId":"119","endLine":71,"endColumn":60},{"ruleId":"120","severity":1,"message":"121","line":5,"column":5,"nodeType":"122","messageId":"123","endLine":7,"endColumn":6},{"ruleId":"120","severity":1,"message":"121","line":5,"column":3,"nodeType":"122","messageId":"123","endLine":8,"endColumn":4},{"ruleId":"116","severity":1,"message":"117","line":13,"column":42,"nodeType":"118","messageId":"119","endLine":13,"endColumn":44},{"ruleId":"120","severity":1,"message":"121","line":4,"column":5,"nodeType":"122","messageId":"123","endLine":6,"endColumn":6},{"ruleId":"120","severity":1,"message":"121","line":4,"column":5,"nodeType":"122","messageId":"123","endLine":6,"endColumn":6},"no-native-reassign",["124"],"no-negated-in-lhs",["125"],"eqeqeq","Expected '===' and instead saw '=='.","BinaryExpression","unexpected","no-useless-constructor","Useless constructor.","MethodDefinition","noUselessConstructor","no-global-assign","no-unsafe-negation"]
+>>>>>>> b59c7bfc37e5d850f3ce1188bee76106c21a861c
diff --git a/hangman/README.md b/hangman/README.md
index 9c40dcd..32df00e 100644
--- a/hangman/README.md
+++ b/hangman/README.md
@@ -1,68 +1,5 @@
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+# MAKE SURE YOU HAVE NPM AND NODE INSTALLED
-## Available Scripts
+# CLONE the propject and then run (npm install )
-In the project directory, you can run:
-
-### `yarn start`
-
-Runs the app in the development mode.
+
+ {
+ (this.props.gameStatus==='active')
+ ?
Tries Left: {this.props.counter}
+ : (this.props.gameStatus == "win")
+ ? You Won the Game with {11 - this.props.counter} try(s)!
+ : RIP!
Better Luck in the next life.
+
+ }
+
+ )
+ }
+}
diff --git a/hangman/src/component/Hangman.jsx b/hangman/src/component/Hangman.jsx
new file mode 100644
index 0000000..f3d3c86
--- /dev/null
+++ b/hangman/src/component/Hangman.jsx
@@ -0,0 +1,231 @@
+import React, { Component } from 'react'
+import ImagesCount from "./ImagesCount"
+import Buttons from "./Buttons";
+import PlayAgain from "./PlayAgainn"
+import SecretWord from "./SecretWord";
+import GameStatus from "./GameStatus";
+import Hint from "./Hint";
+import Header from "./Header";
+import Win from "./win.mp3";
+import Lost from "./lost.mp3";
+import Wrong from "./WrongBtn.mp3";
+import Right from "./rightBtn.mp3";
+
+
+
+//I need to do the game status
+export default class Hangman extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ counter:10,
+ word:"",
+ UsedLetters:[],
+ correctLetters:[],
+ isLoaded:false,
+ hint: [],
+ error:""
+ };
+
+
+
+ }
+
+
+
+
+ componentDidMount() {
+ fetch("https://random-word-api.herokuapp.com/word?number=1")
+ .then((res) => res.json())
+ .then(
+ (result) => {
+
+ this.setState({
+ isLoaded: true,
+ word: result.toString()
+
+ });
+ },
+ (error) => {
+ this.setState({
+ isLoaded: true,
+ error: error
+ });
+ }
+ );
+ }
+
+
+ render() {
+
+
+ const start = (sound) => {
+ let audio = new Audio(sound)
+ audio.pause();
+ audio.play()
+ audio.volume = 0.5;
+ }
+
+ const giveHint = (hintBtnClicked) => {
+
+ if(this.state.hint.length>1 && hintBtnClicked==true){
+ alert("You only have two hints");
+ return
+ }
+
+ for (let index = 0; index < this.state.word.length; index++) {
+
+ let letter = this.state.word[index];
+
+ if(!this.state.correctLetters.includes(letter) && !this.state.hint.includes(letter)){
+
+
+ this.setState(state => {
+ const hint = [...state.hint, letter];
+ return { hint,};
+ });
+
+ this.setState(state => {
+ const UsedLetters = [...state.UsedLetters, letter];
+ return { UsedLetters,};
+ });
+
+ this.setState(state => {
+ const correctLetters = [...state.correctLetters, letter];
+ return {correctLetters,};
+ });
+
+
+ return
+
+ }
+ }
+ }
+
+
+ const checkWin =()=>{
+ let status="win";
+ this.state.word.split("").forEach(letter =>{
+ if(!this.state.correctLetters.includes(letter)){
+ status="active"
+ }
+ })
+
+ return status;
+ }
+ let gameStatus = this.state.counter === 0 ? 'Lost' : checkWin();
+
+
+
+
+ //when the letter is wrong the counter increases
+ const counterIncrease = () => {
+ const newCounter=this.state.counter -1
+ this.setState({counter:newCounter})
+ }
+
+
+ //checking the letter if it is correct or worng / adding it to the used array
+ const CheckLetter = (letter)=>{
+ if (gameStatus !== 'active' || this.state.counter === 0)
+ return;
+
+ //it addes the letter to the USEDLETTERS array in the state
+ this.setState(state => {
+ const UsedLetters = [...state.UsedLetters, letter];
+ return { UsedLetters,};
+ });
+
+ //if the word includes the letter we add the letter to our correct letters list
+ if(this.state.word.includes(letter)){
+ this.setState(state => {
+ const correctLetters = [...state.correctLetters, letter];
+ return {correctLetters,};
+ });
+ start(Right)
+
+ }else{
+ start(Wrong)
+ counterIncrease();
+
+
+ }
+
+ }
+
+
+
+ //checking and returning btn status
+ const btnStatus=(btnLetter)=>{
+ return (this.state.UsedLetters.includes(btnLetter)); ;
+ }
+
+
+ return (
+
+
+
+
+ {utilities.generateLetters(97,122).map(letter =>
+
+ )}
+
+
+
+
+
+ {
+ (!this.state.isLoaded)
+ ?
Looking for a Word...
+ :
+
+
+
+
+
+
+
+ {
+ (gameStatus==="win")? start(Win): (gameStatus==="Lost")? start(Lost): console.log("keep going")
+
+ }
+
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ this.props.word.split("").map((letter, index) =>
+ this.props.correctLetters.includes(letter)
+ ? {letter}
+ : ?
+
+ )
+
+
+
+ }
+
+
+
+ )
+ }
+}
diff --git a/hangman/src/component/WrongBtn.mp3 b/hangman/src/component/WrongBtn.mp3
new file mode 100644
index 0000000..61fd9ce
Binary files /dev/null and b/hangman/src/component/WrongBtn.mp3 differ
diff --git a/hangman/src/component/images/1.png b/hangman/src/component/images/1.png
new file mode 100644
index 0000000..ffe807f
Binary files /dev/null and b/hangman/src/component/images/1.png differ
diff --git a/hangman/src/component/images/10.png b/hangman/src/component/images/10.png
new file mode 100644
index 0000000..d2aab01
Binary files /dev/null and b/hangman/src/component/images/10.png differ
diff --git a/hangman/src/component/images/11.png b/hangman/src/component/images/11.png
new file mode 100644
index 0000000..0d8c50d
Binary files /dev/null and b/hangman/src/component/images/11.png differ
diff --git a/hangman/src/component/images/2.png b/hangman/src/component/images/2.png
new file mode 100644
index 0000000..d21f16a
Binary files /dev/null and b/hangman/src/component/images/2.png differ
diff --git a/hangman/src/component/images/3.png b/hangman/src/component/images/3.png
new file mode 100644
index 0000000..26643ad
Binary files /dev/null and b/hangman/src/component/images/3.png differ
diff --git a/hangman/src/component/images/4.png b/hangman/src/component/images/4.png
new file mode 100644
index 0000000..3bf1ee6
Binary files /dev/null and b/hangman/src/component/images/4.png differ
diff --git a/hangman/src/component/images/5.png b/hangman/src/component/images/5.png
new file mode 100644
index 0000000..d65f9de
Binary files /dev/null and b/hangman/src/component/images/5.png differ
diff --git a/hangman/src/component/images/6.png b/hangman/src/component/images/6.png
new file mode 100644
index 0000000..20783e8
Binary files /dev/null and b/hangman/src/component/images/6.png differ
diff --git a/hangman/src/component/images/7.png b/hangman/src/component/images/7.png
new file mode 100644
index 0000000..acda562
Binary files /dev/null and b/hangman/src/component/images/7.png differ
diff --git a/hangman/src/component/images/8.png b/hangman/src/component/images/8.png
new file mode 100644
index 0000000..b141c0a
Binary files /dev/null and b/hangman/src/component/images/8.png differ
diff --git a/hangman/src/component/images/9.png b/hangman/src/component/images/9.png
new file mode 100644
index 0000000..5334c8a
Binary files /dev/null and b/hangman/src/component/images/9.png differ
diff --git a/hangman/src/component/images/tumblr_inline_pg0k73U7BJ1rh6ctt_500.ai b/hangman/src/component/images/tumblr_inline_pg0k73U7BJ1rh6ctt_500.ai
new file mode 100644
index 0000000..efc5c44
--- /dev/null
+++ b/hangman/src/component/images/tumblr_inline_pg0k73U7BJ1rh6ctt_500.ai
@@ -0,0 +1,629 @@
+%PDF-1.5
%����
+1 0 obj
<>/OCGs[5 0 R 21 0 R]>>/Pages 3 0 R/Type/Catalog>>
endobj
2 0 obj
<>stream
+
+