diff --git a/src/App.js b/src/App.js index 85cbbf5..e165e95 100644 --- a/src/App.js +++ b/src/App.js @@ -1,31 +1,6 @@ import React, {useState} from "react"; -import CurrentScore from "./components/CurrentScore/CurrentScore"; -import Hangman from "./components/Hangman/Hangman"; //import PuzzleWord from "./components/Hangman/PuzzleWord/PuzzleWord"; -import Victory from "./components/Victory && Defeat/Victory"; -import Defeat from "./components/Victory && Defeat/Defeat"; -import Loading from "./components/Loading/Loading"; -import AlmacenateCurrentScore from "./Storage Scripts/AlmacenateCurrentScore"; -import DetermineUserLanguage from "./General Scripts/DetermineUserLanguage"; -import Categories from "./components/Categories/Categories"; -import ChangeTitle from "./General Scripts/ChangeTitle"; -import AlmacenateCategory from "./Storage Scripts/AlmacenateCategory"; -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/LettersRegistered/LettersRegistered"; -import Word from "./components/Word/Word"; -import LettersRegistered from "./components/LettersRegistered/LettersRegistered"; -import alphabet from "./General Scripts/alphabet" -import checkVictory from "./General Scripts/checkVictory"; -import checkDefeat from "./General Scripts/checkDefeat"; -import BringTheWords from "./Firebase Querys/BringTheWord"; -import SelectRandomWord from "./Firebase Querys/SelectRandomWord"; -import getWidthScreenUser from "./General Scripts/getWidthScreenUser"; -import LetterInput from "./components/Letter Input/LetterInput"; -import introducedLetterSound from './sound/Letter introduced.mp3' import { BrowserRouter as Router, @@ -33,231 +8,31 @@ import { Route, Link } from "react-router-dom"; -import AppHeader from "./components/AppHeader/AppHeader"; +import AppHeader from "./components/Game/components/AppHeader/AppHeader"; import AdminHeader from "./components/Admin/Header/AdminHeader"; import ControlPanel from "./components/Admin/Identify/Identify"; import Identify from "./components/Admin/Identify/Identify"; +import Game from "./components/Game/Game"; +import Admin from "./components/Admin/Admin"; function App() { - const [displayApp, setDisplayApp] = useState(false) - const [mobileUser, setMobileUser] = useState(false) - - const [selectedWord, setSelectedWord] = useState('') - - const [correctLetters, setCorrectLetters] = useState([]) - const [lettersRegistered, setLettersRegistered] = useState([]) - - const [language, setLanguage] = useState('english') - const [languageIsReady, setLanguageIsReady] = useState(false) - - const [category, setCategory] = useState(false) - const [categoryIsReady, setcategoryIsReady] = useState(false) - - const [currentScore, setCurrentScore] = useState(0) - - const [hangmanFrame, setHangmanFrame] = useState(0) - - const [endOfGame, setEndOfGame] = useState('') - - const [displayCategories, setDisplayCategories] = useState(false) - - const bringWordFromFirebase = async () => { - - if (!displayApp && selectedWord === '') { - setSelectedWord('a') - - let word = await BringTheWords(language, category, selectedWord) - word = word.toLowerCase() - - console.log(word) - await setSelectedWord(word) - await setDisplayApp(true) - } - } - - React.useEffect(() => { - RecoveryCurrentScore(setCurrentScore) - - RecoveryCurrentCategory(setCategory) - setcategoryIsReady(true) - - DetermineUserLanguage(setLanguage) - RecoveryCurrentLanguage(setLanguage) - setLanguageIsReady(true) - - ChangeTitle(language) - setLanguageIsReady(true) - getWidthScreenUser(setMobileUser) - - if (!displayApp && selectedWord === '' && categoryIsReady && languageIsReady) { - bringWordFromFirebase() - } - - console.log(category) - }, [categoryIsReady]) - - - React.useEffect(() => { - - const registerKeys = e => { - - if (displayApp) { - console.log(e) - - let currentKey - - if (!mobileUser) { - - currentKey = e.key.toLowerCase() - } - - if (mobileUser) { - - if (e.key) { - currentKey = e.key.toLowerCase() - - } - else { - - currentKey = e.explicitOriginalTarget.nodeValue - } - } - - if (alphabet.includes(currentKey)) { - - setLettersRegistered([...lettersRegistered, currentKey]) - - const audio = document.getElementsByClassName('letterIntroduced-audio-container')[0] - audio.play() - - if (selectedWord.includes(currentKey)) { - - if (!correctLetters.includes(currentKey)) { - - setCorrectLetters([...correctLetters, currentKey]) - - checkVictory(setEndOfGame) - } - - } - else { - - if (hangmanFrame <= 5) { - - setHangmanFrame(hangmanFrame + 1) - } - - checkDefeat(setEndOfGame, hangmanFrame, setCorrectLetters, selectedWord, mobileUser) - } - } - } - } - - if (endOfGame === '') { - - window.addEventListener('keyup', registerKeys) - } - - return () => window.removeEventListener('keyup', registerKeys) - - }, [correctLetters, displayApp, lettersRegistered, setLettersRegistered, hangmanFrame, selectedWord, mobileUser, endOfGame]) - - React.useEffect(() => { - - window.addEventListener('resize', () => getWidthScreenUser(setMobileUser)) - - return () => window.removeEventListener('resize', () => getWidthScreenUser(setMobileUser)) - }, []) - - if (endOfGame) { - - setTimeout(() => { - AlmacenateCurrentScore(currentScore) - AlmacenateCategory(category) - AlmacenateLanguage(language) - - window.location.reload(false) - }, 3000) - } - return ( - <> - - - - + + + - + - - displayCategories={displayCategories} - setDisplayCategories={setDisplayCategories} - /> + -
- - { - languageIsReady ? - -
- -
- - :null - } - -
- -
- -
- - - - -
- -
- { - mobileUser ? - - :null - } - { - !displayApp ? : null - } - - {endOfGame === 'Victory' ? : null} - {endOfGame === 'Defeat' ? : null} - - - - -
diff --git a/src/components/Admin/Admin.jsx b/src/components/Admin/Admin.jsx new file mode 100644 index 0000000..3e4dad6 --- /dev/null +++ b/src/components/Admin/Admin.jsx @@ -0,0 +1,14 @@ +import React from 'react' +import AdminHeader from './Header/AdminHeader' +import Identify from './Identify/Identify' + +const Admin = () => { + return ( + <> + + + + ) +} + +export default Admin diff --git a/src/components/Admin/Identify/Form/Form.jsx b/src/components/Admin/Identify/Form/Form.jsx index 7b830f8..9a05847 100644 --- a/src/components/Admin/Identify/Form/Form.jsx +++ b/src/components/Admin/Identify/Form/Form.jsx @@ -19,20 +19,25 @@ const Form = () => { option === 'login' ?
- - - + + +
- : //saasasasasas + : null + } + { + option === 'register' ?
- - - - - + + + + +
+ + : null } ) diff --git a/src/components/Game/Game.jsx b/src/components/Game/Game.jsx new file mode 100644 index 0000000..db004b5 --- /dev/null +++ b/src/components/Game/Game.jsx @@ -0,0 +1,252 @@ +import React, {useState} from "react"; +import CurrentScore from "./components/CurrentScore/CurrentScore"; +import Hangman from "./components/Hangman/Hangman"; + +//import PuzzleWord from "./components/Hangman/PuzzleWord/PuzzleWord"; +import Victory from "./components/Victory && Defeat/Victory"; +import Defeat from "./components/Victory && Defeat/Defeat"; +import Loading from "./components/Loading/Loading"; +import AlmacenateCurrentScore from "../../Storage Scripts/AlmacenateCurrentScore"; +import DetermineUserLanguage from "../../General Scripts/DetermineUserLanguage"; +import Categories from "./components/Categories/Categories"; +import ChangeTitle from "../../General Scripts/ChangeTitle"; +import AlmacenateCategory from "../../Storage Scripts/AlmacenateCategory"; +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/LettersRegistered/LettersRegistered"; +import Word from "./components/Word/Word"; +import LettersRegistered from "./components/LettersRegistered/LettersRegistered"; +import alphabet from "../../General Scripts/alphabet" +import checkVictory from "../../General Scripts/checkVictory"; +import checkDefeat from "../../General Scripts/checkDefeat"; +import BringTheWords from "../../Firebase Querys/BringTheWord"; +import SelectRandomWord from "../../Firebase Querys/SelectRandomWord"; +import getWidthScreenUser from "../../General Scripts/getWidthScreenUser"; +import LetterInput from "./components/Letter Input/LetterInput"; +import introducedLetterSound from './sound/Letter introduced.mp3'; +import AppHeader from "./components/AppHeader/AppHeader"; + +import { + BrowserRouter as Router, + Switch, + Route, + Link +} from "react-router-dom"; + +function Game() { + + const [displayApp, setDisplayApp] = useState(false) + const [mobileUser, setMobileUser] = useState(false) + + const [selectedWord, setSelectedWord] = useState('') + + const [correctLetters, setCorrectLetters] = useState([]) + const [lettersRegistered, setLettersRegistered] = useState([]) + + const [language, setLanguage] = useState('english') + const [languageIsReady, setLanguageIsReady] = useState(false) + + const [category, setCategory] = useState(false) + const [categoryIsReady, setcategoryIsReady] = useState(false) + + const [currentScore, setCurrentScore] = useState(0) + + const [hangmanFrame, setHangmanFrame] = useState(0) + + const [endOfGame, setEndOfGame] = useState('') + + const [displayCategories, setDisplayCategories] = useState(false) + + const bringWordFromFirebase = async () => { + + if (!displayApp && selectedWord === '') { + setSelectedWord('a') + + let word = await BringTheWords(language, category, selectedWord) + word = word.toLowerCase() + + console.log(word) + await setSelectedWord(word) + await setDisplayApp(true) + } + } + + React.useEffect(() => { + RecoveryCurrentScore(setCurrentScore) + + RecoveryCurrentCategory(setCategory) + setcategoryIsReady(true) + + DetermineUserLanguage(setLanguage) + RecoveryCurrentLanguage(setLanguage) + setLanguageIsReady(true) + + ChangeTitle(language) + setLanguageIsReady(true) + getWidthScreenUser(setMobileUser) + + if (!displayApp && selectedWord === '' && categoryIsReady && languageIsReady) { + bringWordFromFirebase() + } + + console.log(category) + }, [categoryIsReady]) + + + React.useEffect(() => { + + const registerKeys = e => { + + if (displayApp) { + console.log(e) + + let currentKey + + if (!mobileUser) { + + currentKey = e.key.toLowerCase() + } + + if (mobileUser) { + + if (e.key) { + currentKey = e.key.toLowerCase() + + } + else { + + currentKey = e.explicitOriginalTarget.nodeValue + } + } + + if (alphabet.includes(currentKey)) { + + setLettersRegistered([...lettersRegistered, currentKey]) + + const audio = document.getElementsByClassName('letterIntroduced-audio-container')[0] + audio.play() + + if (selectedWord.includes(currentKey)) { + + if (!correctLetters.includes(currentKey)) { + + setCorrectLetters([...correctLetters, currentKey]) + + checkVictory(setEndOfGame) + } + + } + else { + + if (hangmanFrame <= 5) { + + setHangmanFrame(hangmanFrame + 1) + } + + checkDefeat(setEndOfGame, hangmanFrame, setCorrectLetters, selectedWord, mobileUser) + } + } + } + } + + if (endOfGame === '') { + + window.addEventListener('keyup', registerKeys) + } + + return () => window.removeEventListener('keyup', registerKeys) + + }, [correctLetters, displayApp, lettersRegistered, setLettersRegistered, hangmanFrame, selectedWord, mobileUser, endOfGame]) + + React.useEffect(() => { + + window.addEventListener('resize', () => getWidthScreenUser(setMobileUser)) + + return () => window.removeEventListener('resize', () => getWidthScreenUser(setMobileUser)) + }, []) + + if (endOfGame) { + + setTimeout(() => { + AlmacenateCurrentScore(currentScore) + AlmacenateCategory(category) + AlmacenateLanguage(language) + + window.location.reload(false) + }, 3000) + } + + return ( + <> + + + +
+ + { + languageIsReady ? + +
+ +
+ + :null + } + +
+ +
+ +
+ + + + +
+ +
+ { + mobileUser ? + + :null + } + { + !displayApp ? : null + } + + {endOfGame === 'Victory' ? : null} + {endOfGame === 'Defeat' ? : null} + + + + + + ); +} + +export default Game; + diff --git a/src/components/AppHeader/AppHeader.jsx b/src/components/Game/components/AppHeader/AppHeader.jsx similarity index 100% rename from src/components/AppHeader/AppHeader.jsx rename to src/components/Game/components/AppHeader/AppHeader.jsx diff --git a/src/components/Categories/Categories.jsx b/src/components/Game/components/Categories/Categories.jsx similarity index 92% rename from src/components/Categories/Categories.jsx rename to src/components/Game/components/Categories/Categories.jsx index da1ef1f..18c3a99 100644 --- a/src/components/Categories/Categories.jsx +++ b/src/components/Game/components/Categories/Categories.jsx @@ -1,8 +1,8 @@ import React from "react" -import capitalize from "../../General Scripts/Capilazate" -import AlmacenateCategory from "../../Storage Scripts/AlmacenateCategory" -import AlmacenateCurrentScore from "../../Storage Scripts/AlmacenateCurrentScore" -import { AlmacenateLanguage } from "../../Storage Scripts/AlmacenateLanguage" +import capitalize from "../../../../General Scripts/Capilazate" +import AlmacenateCategory from "../../../../Storage Scripts/AlmacenateCategory" +import AlmacenateCurrentScore from "../../../../Storage Scripts/AlmacenateCurrentScore" +import { AlmacenateLanguage } from "../../../../Storage Scripts/AlmacenateLanguage" import Bring_All_Categories from "./Firebase Querys/Bring All Categories" import Bring_All_Languages from "./Firebase Querys/Bring All Languages" diff --git a/src/components/Categories/Firebase Querys/Bring All Categories.js b/src/components/Game/components/Categories/Firebase Querys/Bring All Categories.js similarity index 89% rename from src/components/Categories/Firebase Querys/Bring All Categories.js rename to src/components/Game/components/Categories/Firebase Querys/Bring All Categories.js index aea242b..9023b8f 100644 --- a/src/components/Categories/Firebase Querys/Bring All Categories.js +++ b/src/components/Game/components/Categories/Firebase Querys/Bring All Categories.js @@ -1,7 +1,7 @@ -import { firestore } from "../../../Firebase/Firebase_Config" +import { firestore } from "../../../../../Firebase/Firebase_Config" import { getFirestore, collection, getDocs } from 'firebase/firestore/lite'; import AdjustHeightCategories from "../Scripts/AdjustHeightCategories"; -import capitalize from "../../../General Scripts/Capilazate"; +import capitalize from "../../../../../General Scripts/Capilazate"; const Bring_All_Categories = async (setCategories, setStrech, language) => { diff --git a/src/components/Categories/Firebase Querys/Bring All Languages.js b/src/components/Game/components/Categories/Firebase Querys/Bring All Languages.js similarity index 81% rename from src/components/Categories/Firebase Querys/Bring All Languages.js rename to src/components/Game/components/Categories/Firebase Querys/Bring All Languages.js index 606a6ae..88f7b05 100644 --- a/src/components/Categories/Firebase Querys/Bring All Languages.js +++ b/src/components/Game/components/Categories/Firebase Querys/Bring All Languages.js @@ -1,6 +1,7 @@ import { getDocs, getFirestore, collection } from "@firebase/firestore/" -import { firestore } from "../../../Firebase/Firebase_Config" -import capitalize from "../../../General Scripts/Capilazate" +import { firestore } from "../../../../../Firebase/Firebase_Config" + +import capitalize from "../../../../../General Scripts/Capilazate" const Bring_All_Languages = async (setLanguage) => { diff --git a/src/components/Categories/Images.js b/src/components/Game/components/Categories/Images.js similarity index 100% rename from src/components/Categories/Images.js rename to src/components/Game/components/Categories/Images.js diff --git a/src/components/Categories/Scripts/AdjustHeightCategories.js b/src/components/Game/components/Categories/Scripts/AdjustHeightCategories.js similarity index 100% rename from src/components/Categories/Scripts/AdjustHeightCategories.js rename to src/components/Game/components/Categories/Scripts/AdjustHeightCategories.js diff --git a/src/components/Categories/img/categories-icons/animals.png b/src/components/Game/components/Categories/img/categories-icons/animals.png similarity index 100% rename from src/components/Categories/img/categories-icons/animals.png rename to src/components/Game/components/Categories/img/categories-icons/animals.png diff --git a/src/components/Categories/img/categories-icons/cities.png b/src/components/Game/components/Categories/img/categories-icons/cities.png similarity index 100% rename from src/components/Categories/img/categories-icons/cities.png rename to src/components/Game/components/Categories/img/categories-icons/cities.png diff --git a/src/components/Categories/img/categories-icons/countries.png b/src/components/Game/components/Categories/img/categories-icons/countries.png similarity index 100% rename from src/components/Categories/img/categories-icons/countries.png rename to src/components/Game/components/Categories/img/categories-icons/countries.png diff --git a/src/components/Categories/img/categories-icons/pokemon.png b/src/components/Game/components/Categories/img/categories-icons/pokemon.png similarity index 100% rename from src/components/Categories/img/categories-icons/pokemon.png rename to src/components/Game/components/Categories/img/categories-icons/pokemon.png diff --git a/src/components/Categories/img/categories-icons/programming language.png b/src/components/Game/components/Categories/img/categories-icons/programming language.png similarity index 100% rename from src/components/Categories/img/categories-icons/programming language.png rename to src/components/Game/components/Categories/img/categories-icons/programming language.png diff --git a/src/components/Categories/img/categories-icons/random.png b/src/components/Game/components/Categories/img/categories-icons/random.png similarity index 100% rename from src/components/Categories/img/categories-icons/random.png rename to src/components/Game/components/Categories/img/categories-icons/random.png diff --git a/src/components/CurrentScore/CurrentScore.jsx b/src/components/Game/components/CurrentScore/CurrentScore.jsx similarity index 100% rename from src/components/CurrentScore/CurrentScore.jsx rename to src/components/Game/components/CurrentScore/CurrentScore.jsx diff --git a/src/components/Hangman/Hangman Game SVGs/00.svg b/src/components/Game/components/Hangman/Hangman Game SVGs/00.svg similarity index 100% rename from src/components/Hangman/Hangman Game SVGs/00.svg rename to src/components/Game/components/Hangman/Hangman Game SVGs/00.svg diff --git a/src/components/Hangman/Hangman Game SVGs/01.svg b/src/components/Game/components/Hangman/Hangman Game SVGs/01.svg similarity index 100% rename from src/components/Hangman/Hangman Game SVGs/01.svg rename to src/components/Game/components/Hangman/Hangman Game SVGs/01.svg diff --git a/src/components/Hangman/Hangman Game SVGs/02.svg b/src/components/Game/components/Hangman/Hangman Game SVGs/02.svg similarity index 100% rename from src/components/Hangman/Hangman Game SVGs/02.svg rename to src/components/Game/components/Hangman/Hangman Game SVGs/02.svg diff --git a/src/components/Hangman/Hangman Game SVGs/03.svg b/src/components/Game/components/Hangman/Hangman Game SVGs/03.svg similarity index 100% rename from src/components/Hangman/Hangman Game SVGs/03.svg rename to src/components/Game/components/Hangman/Hangman Game SVGs/03.svg diff --git a/src/components/Hangman/Hangman Game SVGs/04.svg b/src/components/Game/components/Hangman/Hangman Game SVGs/04.svg similarity index 100% rename from src/components/Hangman/Hangman Game SVGs/04.svg rename to src/components/Game/components/Hangman/Hangman Game SVGs/04.svg diff --git a/src/components/Hangman/Hangman Game SVGs/05.svg b/src/components/Game/components/Hangman/Hangman Game SVGs/05.svg similarity index 100% rename from src/components/Hangman/Hangman Game SVGs/05.svg rename to src/components/Game/components/Hangman/Hangman Game SVGs/05.svg diff --git a/src/components/Hangman/Hangman Game SVGs/06.svg b/src/components/Game/components/Hangman/Hangman Game SVGs/06.svg similarity index 100% rename from src/components/Hangman/Hangman Game SVGs/06.svg rename to src/components/Game/components/Hangman/Hangman Game SVGs/06.svg diff --git a/src/components/Hangman/Hangman Game SVGs/hangman.svg b/src/components/Game/components/Hangman/Hangman Game SVGs/hangman.svg similarity index 100% rename from src/components/Hangman/Hangman Game SVGs/hangman.svg rename to src/components/Game/components/Hangman/Hangman Game SVGs/hangman.svg diff --git a/src/components/Hangman/Hangman.jsx b/src/components/Game/components/Hangman/Hangman.jsx similarity index 100% rename from src/components/Hangman/Hangman.jsx rename to src/components/Game/components/Hangman/Hangman.jsx diff --git a/src/components/Hangman/Images.js b/src/components/Game/components/Hangman/Images.js similarity index 100% rename from src/components/Hangman/Images.js rename to src/components/Game/components/Hangman/Images.js diff --git a/src/components/Letter Input/LetterInput.jsx b/src/components/Game/components/Letter Input/LetterInput.jsx similarity index 100% rename from src/components/Letter Input/LetterInput.jsx rename to src/components/Game/components/Letter Input/LetterInput.jsx diff --git a/src/components/LettersRegistered/LettersRegistered.jsx b/src/components/Game/components/LettersRegistered/LettersRegistered.jsx similarity index 100% rename from src/components/LettersRegistered/LettersRegistered.jsx rename to src/components/Game/components/LettersRegistered/LettersRegistered.jsx diff --git a/src/components/Loading/Loading.jsx b/src/components/Game/components/Loading/Loading.jsx similarity index 77% rename from src/components/Loading/Loading.jsx rename to src/components/Game/components/Loading/Loading.jsx index 00e25dc..f9a5a93 100644 --- a/src/components/Loading/Loading.jsx +++ b/src/components/Game/components/Loading/Loading.jsx @@ -4,7 +4,7 @@ import loadingGifLightTheme from '../../img/loading-light-theme.png' const Loading = () => { return (
- + loading
) } diff --git a/src/components/Victory && Defeat/Defeat.jsx b/src/components/Game/components/Victory && Defeat/Defeat.jsx similarity index 100% rename from src/components/Victory && Defeat/Defeat.jsx rename to src/components/Game/components/Victory && Defeat/Defeat.jsx diff --git a/src/components/Victory && Defeat/Victory.jsx b/src/components/Game/components/Victory && Defeat/Victory.jsx similarity index 100% rename from src/components/Victory && Defeat/Victory.jsx rename to src/components/Game/components/Victory && Defeat/Victory.jsx diff --git a/src/components/Victory && Defeat/sounds/Defeat Sound.mp3 b/src/components/Game/components/Victory && Defeat/sounds/Defeat Sound.mp3 similarity index 100% rename from src/components/Victory && Defeat/sounds/Defeat Sound.mp3 rename to src/components/Game/components/Victory && Defeat/sounds/Defeat Sound.mp3 diff --git a/src/components/Victory && Defeat/sounds/Victory sound.mp3 b/src/components/Game/components/Victory && Defeat/sounds/Victory sound.mp3 similarity index 100% rename from src/components/Victory && Defeat/sounds/Victory sound.mp3 rename to src/components/Game/components/Victory && Defeat/sounds/Victory sound.mp3 diff --git a/src/components/Word/Word.jsx b/src/components/Game/components/Word/Word.jsx similarity index 100% rename from src/components/Word/Word.jsx rename to src/components/Game/components/Word/Word.jsx diff --git a/src/img/loading-dark-theme.png b/src/components/Game/img/loading-dark-theme.png similarity index 100% rename from src/img/loading-dark-theme.png rename to src/components/Game/img/loading-dark-theme.png diff --git a/src/img/loading-light-theme.png b/src/components/Game/img/loading-light-theme.png similarity index 100% rename from src/img/loading-light-theme.png rename to src/components/Game/img/loading-light-theme.png diff --git a/src/sound/Letter introduced.mp3 b/src/components/Game/sound/Letter introduced.mp3 similarity index 100% rename from src/sound/Letter introduced.mp3 rename to src/components/Game/sound/Letter introduced.mp3