Organizated the files

public/css/index.css

@@ -28,12 +28,12 @@ header h2 {
   cursor: pointer;
 }
 
-.app {
+.game-container {
   display: flex;
   justify-content: space-around;
   margin-top: 2vh;
 }
-.app .column-2 {
+.game-container .column-2 {
   display: flex;
   flex-direction: column;
   justify-content: space-between;

public/css/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../sass/index.scss","../sass/_header.scss","../sass/_app.scss","../sass/_hangman.scss","../sass/_puzzleWord.scss","../sass/_current-score.scss","../sass/_categories.scss","../sass/_defeat-victory.scss","../sass/_loading.scss"],"names":[],"mappings":";AAAA;EACI;EACA;;;ACFJ;EACI;EAEA;EAEA;EACA;EACA;EACA;;AAEA;EDHA;EACA;EAIA;EACA;;ACGA;EDTA;EACA;EAIA;EACA;ECMI;EACA;EAEA;;;ACtBR;EAEI;EACA;EAEA;;AAMA;EACI;EACA;EAEA;;;ACfR;EAEI;;AAEA;EACI;;;ACLR;EJkBI;EACA;EIhBA;EAEA;EACA;EAEA;EAEA;EACA;;AAEA;EACI;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAGJ;EACI;EAEA;EAEA;;;AC9BR;EAEI;EAEA;ELGA;EACA;EKAA;EAEA;;AAEA;EACI;;;ACbR;EAEI;;AAEA;EAEI;EAEA;EACA;EAEA;EACA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;;AAEA;EACI;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACI;EACA;;AA0BJ;EArBI,OAFuD;EAIvD,kBAoBc;EAnBd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAYZ;EA3BI,OAFuD;EAIvD,kBA0Bc;EAzBd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAkBZ;EAjCI,OAFuD;EAIvD,kBAgCc;EA/Bd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAwBZ;EAvCI,OAyCY;EAvCZ,kBAsCc;EArCd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AA+BZ;EA9CI,OAFuD;EAIvD,kBA6Cc;EA5Cd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAqCZ;EApDI,OAsDY;EApDZ,kBAmDc;EAlDd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AA4CZ;EA3DI,OAFuD;EAIvD,kBA0Dc;EAzDd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAmDhB;EACI;EAEA;EACA;;AAEA;EAEI;;AAIR;EACI;;AAIJ;EACI;EACA;;AAEA;EAEI;;AAGJ;EAEI;;;ACnJhB;EACI;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;EAEA;EAEA;;AAEA;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;;;AC9BJ;EACI;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;;AAEA;EACI;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../sass/index.scss","../sass/_header.scss","../sass/_game-container.scss","../sass/_hangman.scss","../sass/_puzzleWord.scss","../sass/_current-score.scss","../sass/_categories.scss","../sass/_defeat-victory.scss","../sass/_loading.scss"],"names":[],"mappings":";AAAA;EACI;EACA;;;ACFJ;EACI;EAEA;EAEA;EACA;EACA;EACA;;AAEA;EDHA;EACA;EAIA;EACA;;ACGA;EDTA;EACA;EAIA;EACA;ECMI;EACA;EAEA;;;ACtBR;EAEI;EACA;EAEA;;AAMA;EACI;EACA;EAEA;;;ACfR;EAEI;;AAEA;EACI;;;ACLR;EJkBI;EACA;EIhBA;EAEA;EACA;EAEA;EAEA;EACA;;AAEA;EACI;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAGJ;EACI;EAEA;EAEA;;;AC9BR;EAEI;EAEA;ELGA;EACA;EKAA;EAEA;;AAEA;EACI;;;ACbR;EAEI;;AAEA;EAEI;EAEA;EACA;EAEA;EACA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;;AAEA;EACI;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACI;EACA;;AA0BJ;EArBI,OAFuD;EAIvD,kBAoBc;EAnBd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAYZ;EA3BI,OAFuD;EAIvD,kBA0Bc;EAzBd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAkBZ;EAjCI,OAFuD;EAIvD,kBAgCc;EA/Bd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAwBZ;EAvCI,OAyCY;EAvCZ,kBAsCc;EArCd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AA+BZ;EA9CI,OAFuD;EAIvD,kBA6Cc;EA5Cd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAqCZ;EApDI,OAsDY;EApDZ,kBAmDc;EAlDd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AA4CZ;EA3DI,OAFuD;EAIvD,kBA0Dc;EAzDd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAmDhB;EACI;EAEA;EACA;;AAEA;EAEI;;AAIR;EACI;;AAIJ;EACI;EACA;;AAEA;EAEI;;AAGJ;EAEI;;;ACnJhB;EACI;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;EAEA;EAEA;;AAEA;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;;;AC9BJ;EACI;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;;AAEA;EACI;EACA","file":"index.css"}

public/sass/_game-container.scss

@@ -1,4 +1,4 @@
-.app {
+.game-container {
     
     display: flex;
     justify-content: space-around;

public/sass/index.scss

@@ -21,6 +21,6 @@ html, body {
 }
 
 @import 'header';
-@import 'app';
+@import 'game-container';
 @import 'defeat-victory';
 @import 'loading';

src/App.js

@@ -1,11 +1,11 @@
 import React, {useState} from "react";
-import CurrentScore from "./components/CurrentScore";
+import CurrentScore from "./components/CurrentScore/CurrentScore";
 import Hangman from "./components/Hangman/Hangman";
-import Header from "./components/Header";
+import Header from "./components/Header/Header";
 //import PuzzleWord from "./components/Hangman/PuzzleWord/PuzzleWord";
-import Victory from "./components/Hangman/PuzzleWord/Victory";
+import Victory from "./components/Victory && Defeat/Victory";
-import Defeat from "./components/Hangman/PuzzleWord/Defeat";
+import Defeat from "./components/Victory && Defeat/Defeat";
-import Loading from "./components/Loading";
+import Loading from "./components/Loading/Loading";
 import AlmacenateCurrentScore from "./Storage Scripts/AlmacenateCurrentScore";
 import DetermineUserLanguage from "./General Scripts/DetermineUserLanguage";
 import Categories from "./components/Categories/Categories";
@@ -15,9 +15,12 @@ import { RecoveryCurrentScore } from "./Storage Scripts/RecoveryCurrentScore";
 import { RecoveryCurrentCategory } from "./Storage Scripts/RecoveryCurrentCategory";
 import { RecoveryCurrentLanguage } from "./Storage Scripts/RecoveryCurrentLanguage";
 import { AlmacenateLanguage } from "./Storage Scripts/AlmacenateLanguage";
+import WrongLetters from "./components/WrongLetters/WrongLetters";
+import Word from "./components/Word/Word";
 
 function App() {
-
+  const [displayApp, setDisplayApp] = useState(false)
+  
   const [language, setLanguage] = useState('english')
   const [languageIsReady, setLanguageIsReady] = useState(false)
 
@@ -28,10 +31,8 @@ function App() {
 
   const [hangmanFrame, setHangmanFrame] = useState(0)
 
-  const [isVictory, setIsVictory] = useState(false)
+  const [endOfGame, setEndOfGame] = useState('')
-  const [isDefeat, setIsDefeat] = useState(false)
 
-  const [displayApp, setDisplayApp] = useState(false)
   const [displayCategories, setDisplayCategories] = useState(false)
 
   React.useEffect(() => {
@@ -49,7 +50,7 @@ function App() {
 
   }, [])
 
-  if (isVictory || isDefeat) {
+  if (endOfGame) {
     
     
     setTimeout(() => {
@@ -70,7 +71,7 @@ function App() {
       setDisplayCategories={setDisplayCategories}
     />
     
-    <div className="app">
+    <div className="game-container">
       
       {
         languageIsReady ?
@@ -89,22 +90,25 @@ function App() {
       </div>
       
       <div className='column-2'>
-
-
         <CurrentScore
 
           currentScore={currentScore}
-
           language={language}
+
         />
 
-        {!displayApp ? <Loading /> : null }
+        <Word />
-
-        {isVictory ? <Victory currentScore={currentScore} setCurrentScore={setCurrentScore} /> : null}
-        {isDefeat ? <Defeat /> : null}
 
       </div>
 
+        <WrongLetters />
+
+        {
+          //!displayApp ? <Loading /> : null
+        }
+
+        {endOfGame === 'Victory' ? <Victory currentScore={currentScore} setCurrentScore={setCurrentScore} /> : null}
+        {endOfGame === 'Defeat'  ? <Defeat /> : null}
     </div>
    </>
   );

src/components/Loading/Loading.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import loadingGifLightTheme from '../img/loading-light-theme.png'
+import loadingGifLightTheme from '../../img/loading-light-theme.png'
 
 const Loading = () => {
     return (

src/components/Word/Word.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const Word = () => {
+    return (
+        <div>
+            
+        </div>
+    )
+}
+
+export default Word

src/components/WrongLetters/WrongLetters.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const WrongLetters = () => {
+    return (
+        <div>
+            
+        </div>
+    )
+}
+
+export default WrongLetters