diff --git a/README.md b/README.md index 60f55e53..6568ddd1 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,38 @@ -# Project Name -Replace this readme with your own information about your project. +# Pokémon Guess Who -Start by briefly describing the assignment in a sentence or two. Keep it short and to the point. +This repository contains a web-based game called Pokémon Guess Who, where players try to guess the hidden Pokémon character by asking questions based on characteristics like color, type, and other attributes. -## The problem +## The Problem -Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next? +The main tools and techniques used in this project include: + +- HTML, CSS, and JavaScript for building the user interface and game logic. +- DOM manipulation to update the game board and display messages. +- Random selection of the secret Pokémon character at the start of the game. +- Filtering of Pokémon characters based on player questions. +- A counter to keep track of the number of guesses made by the player. + +## View It Live + +You can play Pokémon Guess Who live by visiting the following link: [Pokémon Guess Who Game](https://pokemon-guess-who.netlify.app/) + +## Future Improvements + +If more time were available, the following enhancements could be made to the game: + +1. **Difficulty Levels:** Enhance gameplay with multiple difficulty levels. Each level will feature a different number of Pokémon characters on the board, making the game more challenging as players progress. + +2. **Immersive Audio:** Elevate the gaming experience with sound effects for actions like correct guesses, wrong guesses, and question selection. + +3. **Personalized Start Page:** Implement a start screen where players can select a trainer/avatar and add their name. + +4. **Diverse Questions:** Expand the range of question categories and attributes, offering players a broader variety of gameplay. + +5. **Interactive Chatbot:** Improve the user interface by replacing alert messages with an interactive chatbot on the side of the screen. The chatbot will engage players, provide feedback, and display choices and progress in a user-friendly manner. + +6. **Time Challenge:** Add a timer to track how quickly players guess the hidden Pokémon character. The timer creates an element of time pressure and competition, encouraging strategic decision-making. + +7. **High Score System:** Implement a high-score system that records the number of guesses made and the time taken to guess the correct Pokémon character. -## View it live -Have you deployed your project somewhere? Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about. diff --git a/code/images/Beedrill.png b/code/images/Beedrill.png new file mode 100644 index 00000000..c2f0421d Binary files /dev/null and b/code/images/Beedrill.png differ diff --git a/code/images/Bulbasaur.png b/code/images/Bulbasaur.png new file mode 100644 index 00000000..3dd7ba51 Binary files /dev/null and b/code/images/Bulbasaur.png differ diff --git a/code/images/Caterpie.png b/code/images/Caterpie.png new file mode 100644 index 00000000..b4e391be Binary files /dev/null and b/code/images/Caterpie.png differ diff --git a/code/images/Chansey.png b/code/images/Chansey.png new file mode 100644 index 00000000..a21e0661 Binary files /dev/null and b/code/images/Chansey.png differ diff --git a/code/images/Charmander.png b/code/images/Charmander.png new file mode 100644 index 00000000..2afc5701 Binary files /dev/null and b/code/images/Charmander.png differ diff --git a/code/images/Clefairy.png b/code/images/Clefairy.png new file mode 100644 index 00000000..cbf158f9 Binary files /dev/null and b/code/images/Clefairy.png differ diff --git a/code/images/Electabuzz.png b/code/images/Electabuzz.png new file mode 100644 index 00000000..defd543a Binary files /dev/null and b/code/images/Electabuzz.png differ diff --git a/code/images/Flareon.png b/code/images/Flareon.png new file mode 100644 index 00000000..2935e8b0 Binary files /dev/null and b/code/images/Flareon.png differ diff --git a/code/images/Gloom.png b/code/images/Gloom.png new file mode 100644 index 00000000..e2b3dbca Binary files /dev/null and b/code/images/Gloom.png differ diff --git a/code/images/Jigglypuff.png b/code/images/Jigglypuff.png new file mode 100644 index 00000000..0af92e6f Binary files /dev/null and b/code/images/Jigglypuff.png differ diff --git a/code/images/Krabby.png b/code/images/Krabby.png new file mode 100644 index 00000000..a97c60cb Binary files /dev/null and b/code/images/Krabby.png differ diff --git a/code/images/Lapras.png b/code/images/Lapras.png new file mode 100644 index 00000000..477b3042 Binary files /dev/null and b/code/images/Lapras.png differ diff --git a/code/images/Meowth.png b/code/images/Meowth.png new file mode 100644 index 00000000..852ffaaf Binary files /dev/null and b/code/images/Meowth.png differ diff --git a/code/images/Mew.png b/code/images/Mew.png new file mode 100644 index 00000000..dbeacaa0 Binary files /dev/null and b/code/images/Mew.png differ diff --git a/code/images/Ninetales.png b/code/images/Ninetales.png new file mode 100644 index 00000000..26763e3a Binary files /dev/null and b/code/images/Ninetales.png differ diff --git a/code/images/Pikachu.png b/code/images/Pikachu.png new file mode 100644 index 00000000..b9850c50 Binary files /dev/null and b/code/images/Pikachu.png differ diff --git a/code/images/Poliwhirl.png b/code/images/Poliwhirl.png new file mode 100644 index 00000000..f3468d5d Binary files /dev/null and b/code/images/Poliwhirl.png differ diff --git a/code/images/Ponyta.png b/code/images/Ponyta.png new file mode 100644 index 00000000..3ccc45f3 Binary files /dev/null and b/code/images/Ponyta.png differ diff --git a/code/images/Scyther.png b/code/images/Scyther.png new file mode 100644 index 00000000..9dfad49d Binary files /dev/null and b/code/images/Scyther.png differ diff --git a/code/images/Seadra.png b/code/images/Seadra.png new file mode 100644 index 00000000..a0786a18 Binary files /dev/null and b/code/images/Seadra.png differ diff --git a/code/images/Seaking.png b/code/images/Seaking.png new file mode 100644 index 00000000..9c2c90b8 Binary files /dev/null and b/code/images/Seaking.png differ diff --git a/code/images/Squirtle.png b/code/images/Squirtle.png new file mode 100644 index 00000000..2fe18e06 Binary files /dev/null and b/code/images/Squirtle.png differ diff --git a/code/images/Vaporeon.png b/code/images/Vaporeon.png new file mode 100644 index 00000000..05a433e2 Binary files /dev/null and b/code/images/Vaporeon.png differ diff --git a/code/images/Vileplume.png b/code/images/Vileplume.png new file mode 100644 index 00000000..38628292 Binary files /dev/null and b/code/images/Vileplume.png differ diff --git a/code/images/bug_icon.png b/code/images/bug_icon.png new file mode 100644 index 00000000..14d53d00 Binary files /dev/null and b/code/images/bug_icon.png differ diff --git a/code/images/electric_icon.png b/code/images/electric_icon.png new file mode 100644 index 00000000..1e099978 Binary files /dev/null and b/code/images/electric_icon.png differ diff --git a/code/images/fairy_icon.png b/code/images/fairy_icon.png new file mode 100644 index 00000000..d0c1a3aa Binary files /dev/null and b/code/images/fairy_icon.png differ diff --git a/code/images/fire_icon.png b/code/images/fire_icon.png new file mode 100644 index 00000000..43ddc1bb Binary files /dev/null and b/code/images/fire_icon.png differ diff --git a/code/images/flying_icon.png b/code/images/flying_icon.png new file mode 100644 index 00000000..2a6d71ed Binary files /dev/null and b/code/images/flying_icon.png differ diff --git a/code/images/grass_icon.png b/code/images/grass_icon.png new file mode 100644 index 00000000..15014d7b Binary files /dev/null and b/code/images/grass_icon.png differ diff --git a/code/images/guess-who-bubble.png b/code/images/guess-who-bubble.png deleted file mode 100644 index c19ee1d5..00000000 Binary files a/code/images/guess-who-bubble.png and /dev/null differ diff --git a/code/images/guess_who_bubble.png b/code/images/guess_who_bubble.png new file mode 100644 index 00000000..ff44f39e Binary files /dev/null and b/code/images/guess_who_bubble.png differ diff --git a/code/images/ice_icon.png b/code/images/ice_icon.png new file mode 100644 index 00000000..05d0663b Binary files /dev/null and b/code/images/ice_icon.png differ diff --git a/code/images/jabala.svg b/code/images/jabala.svg deleted file mode 100644 index 6875c4f8..00000000 --- a/code/images/jabala.svg +++ /dev/null @@ -1 +0,0 @@ -Artboard 54 \ No newline at end of file diff --git a/code/images/jack.svg b/code/images/jack.svg deleted file mode 100644 index 68dfb982..00000000 --- a/code/images/jack.svg +++ /dev/null @@ -1,95 +0,0 @@ - - - - -Artboard 9 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jacques.svg b/code/images/jacques.svg deleted file mode 100644 index f20284a2..00000000 --- a/code/images/jacques.svg +++ /dev/null @@ -1,93 +0,0 @@ - - - - -3 pipe - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jai.svg b/code/images/jai.svg deleted file mode 100644 index 9c4eaeed..00000000 --- a/code/images/jai.svg +++ /dev/null @@ -1,104 +0,0 @@ - - - - -2 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jake.svg b/code/images/jake.svg deleted file mode 100644 index 060d9b9c..00000000 --- a/code/images/jake.svg +++ /dev/null @@ -1,103 +0,0 @@ - - - - -Artboard 25 copy 4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/james.svg b/code/images/james.svg deleted file mode 100644 index 1a994dd1..00000000 --- a/code/images/james.svg +++ /dev/null @@ -1,95 +0,0 @@ - - - - -Artboard 2 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jana.svg b/code/images/jana.svg deleted file mode 100644 index 957ef822..00000000 --- a/code/images/jana.svg +++ /dev/null @@ -1 +0,0 @@ -Artboard 1 copy 2 \ No newline at end of file diff --git a/code/images/jane.svg b/code/images/jane.svg deleted file mode 100644 index 41ff91b0..00000000 --- a/code/images/jane.svg +++ /dev/null @@ -1 +0,0 @@ -Artboard 21 \ No newline at end of file diff --git a/code/images/jaqueline.svg b/code/images/jaqueline.svg deleted file mode 100644 index 1ebb90dc..00000000 --- a/code/images/jaqueline.svg +++ /dev/null @@ -1,165 +0,0 @@ - - - - -Artboard 25 copy 3 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jazebelle.svg b/code/images/jazebelle.svg deleted file mode 100644 index 15e30e0d..00000000 --- a/code/images/jazebelle.svg +++ /dev/null @@ -1 +0,0 @@ -Artboard 25 copy 6 \ No newline at end of file diff --git a/code/images/jean.svg b/code/images/jean.svg deleted file mode 100644 index 8fa89d9f..00000000 --- a/code/images/jean.svg +++ /dev/null @@ -1,128 +0,0 @@ - - - - -Artboard 3 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jeane.svg b/code/images/jeane.svg deleted file mode 100644 index a07a294e..00000000 --- a/code/images/jeane.svg +++ /dev/null @@ -1,65 +0,0 @@ - - - - -Artboard 25 copy 7 - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jed.svg b/code/images/jed.svg deleted file mode 100644 index 501ee116..00000000 --- a/code/images/jed.svg +++ /dev/null @@ -1,110 +0,0 @@ - - - - -3 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jenni.svg b/code/images/jenni.svg deleted file mode 100644 index a6c50108..00000000 --- a/code/images/jenni.svg +++ /dev/null @@ -1,91 +0,0 @@ - - - - -Artboard 4 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jeri.svg b/code/images/jeri.svg deleted file mode 100644 index ac0c395f..00000000 --- a/code/images/jeri.svg +++ /dev/null @@ -1,81 +0,0 @@ - - - - -Artboard 21 copy - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jerry.svg b/code/images/jerry.svg deleted file mode 100644 index f0c8e641..00000000 --- a/code/images/jerry.svg +++ /dev/null @@ -1,60 +0,0 @@ - - - - -Artboard 1 copy - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jess.svg b/code/images/jess.svg deleted file mode 100644 index f845b976..00000000 --- a/code/images/jess.svg +++ /dev/null @@ -1,52 +0,0 @@ - - - - -Artboard 25 copy - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jia.svg b/code/images/jia.svg deleted file mode 100644 index 7e313924..00000000 --- a/code/images/jia.svg +++ /dev/null @@ -1,52 +0,0 @@ - - - - -Artboard 10 - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jocelyn.svg b/code/images/jocelyn.svg deleted file mode 100644 index dd08f3ef..00000000 --- a/code/images/jocelyn.svg +++ /dev/null @@ -1,100 +0,0 @@ - - - - -Artboard 21 copy 2 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jodi.svg b/code/images/jodi.svg deleted file mode 100644 index 864f7be1..00000000 --- a/code/images/jodi.svg +++ /dev/null @@ -1,101 +0,0 @@ - - - - -Artboard 21 copy 3 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/joe.svg b/code/images/joe.svg deleted file mode 100644 index b2878ffc..00000000 --- a/code/images/joe.svg +++ /dev/null @@ -1,70 +0,0 @@ - - - - -Artboard 54 copy - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jolee.svg b/code/images/jolee.svg deleted file mode 100644 index d2048e28..00000000 --- a/code/images/jolee.svg +++ /dev/null @@ -1,79 +0,0 @@ - - - - -Artboard 1 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jon.svg b/code/images/jon.svg deleted file mode 100644 index 8138984b..00000000 --- a/code/images/jon.svg +++ /dev/null @@ -1,54 +0,0 @@ - - - - -Artboard 25 - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jordan.svg b/code/images/jordan.svg deleted file mode 100644 index 2b7b6bf4..00000000 --- a/code/images/jordan.svg +++ /dev/null @@ -1,81 +0,0 @@ - - - - -Artboard 54 copy 3 - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/josephine.svg b/code/images/josephine.svg deleted file mode 100644 index a0f28f58..00000000 --- a/code/images/josephine.svg +++ /dev/null @@ -1,61 +0,0 @@ - - - - -Artboard 25 copy 2 - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/josh.svg b/code/images/josh.svg deleted file mode 100644 index de676a8c..00000000 --- a/code/images/josh.svg +++ /dev/null @@ -1,68 +0,0 @@ - - - - -1 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/jude.svg b/code/images/jude.svg deleted file mode 100644 index 64252cb3..00000000 --- a/code/images/jude.svg +++ /dev/null @@ -1,61 +0,0 @@ - - - - -Artboard 25 copy 5 - - - - - - - - - - - - - - - - - - - diff --git a/code/images/julie.svg b/code/images/julie.svg deleted file mode 100644 index 253eb566..00000000 --- a/code/images/julie.svg +++ /dev/null @@ -1,118 +0,0 @@ - - - - -Artboard 54 copy 2 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/code/images/normal_icon.png b/code/images/normal_icon.png new file mode 100644 index 00000000..a81cf37a Binary files /dev/null and b/code/images/normal_icon.png differ diff --git a/code/images/poison_icon.png b/code/images/poison_icon.png new file mode 100644 index 00000000..cb6f6687 Binary files /dev/null and b/code/images/poison_icon.png differ diff --git a/code/images/psychic_icon.png b/code/images/psychic_icon.png new file mode 100644 index 00000000..640f891a Binary files /dev/null and b/code/images/psychic_icon.png differ diff --git a/code/images/water_icon.png b/code/images/water_icon.png new file mode 100644 index 00000000..92a71bf7 Binary files /dev/null and b/code/images/water_icon.png differ diff --git a/code/index.html b/code/index.html index 0479b061..02dc8899 100644 --- a/code/index.html +++ b/code/index.html @@ -9,39 +9,52 @@ href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet" /> + -