# HTML/CSS and JavaScript Games 🎮

This repository contains a collection of HTML, CSS, and JavaScript games. 🎯🕹

|  #  | Game                                                                                                                           | Live Demo                                                                                           |
| :-: | ------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------- |
| 01  | [Candy Crush Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/01-Candy-Crush-Game)                     | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/01-Candy-Crush-Game/)           |
| 02  | [Pac-Man Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/02-Pac-Man-Game)                             | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/02-Pac-Man-Game/)               |
| 03  | [Chess Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/03-Chess-Game)                                 | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/03-Chess-Game/)                  |
| 04  | [Doodle Jump Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/04-Doodle-Jump-Game)                     | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/04-Doodle-Jump-Game/)           |
| 05  | [Solitaire Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/05-Solitaire-Game)                        | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/05-Solitaire-Game/)              |
| 06  | [Sudoku Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/06-Sudoku-Game)                               | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/06-Sudoku-Game/)                |
| 07  | [Crossy Road Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/07-Crossy-Road-Game)                     | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/07-Crossy-Road-Game/)           |
| 08  | [Rock Paper Scissors Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/08-Rock-Paper-Scissors)          | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/08-Rock-Paper-Scissors/)        |
| 09  | [Flappy Bird Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/09-Flappy-Bird-Game)                     | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/09-Flappy-Bird-Game/)           |
| 10  | [2048 Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/10-2048-Game)                                   | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/10-2048-Game/)                  |
| 11  | [Wordle Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/11-Wordle-Game)                                | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/11-Wordle-Game/)                 |
| 12  | [Hangman Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/12-Hangman-Game)                             | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/12-Hangman-Game/)               |
| 13  | [Tower Blocks Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/13-Tower-Blocks)                        | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/13-Tower-Blocks/)               |
| 14  | [Archery Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/14-Archery-Game)                             | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/14-Archery-Game/)               |
| 15  | [Tic Tac Toe Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/15-Tic-Tac-Toe)                          | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/15-Tic-Tac-Toe/)                |
| 16  | [Minesweeper Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/16-Minesweeper-Game)                     | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/16-Minesweeper-Game/)           |
| 17  | [Speed Typing Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/17-Speed-Typing-Game)                   | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/17-Speed-Typing-Game/)          |
| 18  | [Breakout Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/18-Breakout-Game)                           | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/18-Breakout-Game/)              |
| 19  | [Ping Pong Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/19-Ping-Pong-Game)                         | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/19-Ping-Pong-Game/)             |
| 20  | [Tetris Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/20-Tetris-Game)                               | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/20-Tetris-Game/)                |
| 21  | [Tilting Maze Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/21-Tilting-Maze-Game)                   | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/21-Tilting-Maze-Game/)          |
| 22  | [Memory Card Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/22-Memory-Card-Game)                     | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/22-Memory-Card-Game/)           |
| 23  | [Type Number Guessing Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/23-Type-Number-Guessing-Game)   | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/23-Type-Number-Guessing-Game/)  |
| 24  | [Snake Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/24-Snake-Game)                                 | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/24-Snake-Game/)                 |
| 25  | [Connect Four Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/25-Connect-Four-Game)                   | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/25-Connect-Four-Game/)          |
| 26  | [Insect Catch Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/26-Insect-Catch-Game)                   | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/26-Insect-Catch-Game/)          |
| 27  | [Typing Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/27-Typing-Game)                                | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/27-Typing-Game/)               |
| 28  | [Dice Roll Simulator](https://github.com/he-is-talha/html-css-javascript-games/tree/main/28-Dice-Roll-Simulator)               | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/28-Dice-Roll-Simulator/)        |
| 29  | [Shape Clicker Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/29-Shape-Clicker-Game)                 | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/29-Shape-Clicker-Game/)         |
| 30  | [Typing Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/30-Typing-Game)                                | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/30-Typing-Game/)                |
| 31  | [Speak Number Guessing Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/31-Speak-Number-Guessing-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/31-Speak-Number-Guessing-Game/) |
| 32  | [Fruit Slicer Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/32-Fruit-Slicer-Game)                   | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/32-Fruit-Slicer-Game/)          |
| 33  | [Quiz Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/33-Quiz-Game)                                    | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/33-Quiz-Game/)                  |
| 34  | [Emoji Catcher Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/34-Emoji-Catcher-Game)                 | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/34-Emoji-Catcher-Game/)         |
| 35  | [Whack A Mole Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/35-Whack-A-Mole-Game)                   | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/35-Whack-A-Mole-Game/)          |
| 36  | [Simon Says Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/36-Simon-Says-Game)                       | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/36-Simon-Says-Game/)            |
| 37  | [Sliding Puzzle Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/37-Sliding-Puzzle-Game)               | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/37-Sliding-Puzzle-Game/)        |

## Games Description

1. **Candy Crush Game**: Enjoy the classic match-three puzzle game where you swap colored candies to create matches and clear levels. 🍬🍭
2. **Pac-Man Game**: Navigate Pac-Man through a neon maze, eat all pellets, and avoid ghosts in this arcade-inspired classic remake. 👻
3. **Chess Game**: Play the classic game of chess with standard rules on an 8×8 board. ♟️
4. **Doodle Jump Game**: Bounce on platforms and climb as high as you can! Use arrow keys or A/D to move. Green platforms are safe, brown break after one bounce, blue platforms move. 🦘
5. **Solitaire Game**: Classic Klondike solitaire. Build foundations A→K by suit and tableau in alternating colors. Three difficulties: Easy (draw 1, unlimited undo, hints), Medium (draw 1, 5 undos, hints), Hard (draw 3, no undo, no hints). Mobile-friendly. 🃏
6. **Sudoku Game**: Fill the 9×9 grid so each row, column, and 3×3 box contains 1–9. Three difficulty levels: Easy, Medium, and Hard. 🧩
7. **Crossy Road Game**: Help a character cross roads, rivers, and other obstacles in this endless hopping game with a retro arcade feel. 🚦
8. **Rock Paper Scissors**: Play the timeless hand game against the computer and see who comes out victorious. ✂️
9. **Flappy Bird Game**: Guide a bird through gaps in pipes by tapping to flap its wings, avoiding obstacles and aiming for a high score. 🐦
10. **2048 Game**: Slide numbered tiles on a grid to combine them and create a tile with the number 2048 in this addictive puzzle game. 🧩
11. **Wordle Game**: Guess the hidden word in limited tries. Green = correct letter & position, yellow = letter in word, gray = not in word. Four levels: Easy (4 letters), Medium (5), Hard (6), Expert (7). 📝
12. **Hangman Game**: Guess the hidden word by suggesting letters within a certain number of guesses in this word-guessing game. 🎩
13. **Tower Blocks**: Build a tower by stacking blocks as high as possible without letting them topple over in this physics-based game. 🏗️
14. **Archery Game**: Test your aim in this challenging archery game where precision and timing are key to hitting the bullseye. 🏹
15. **Tic Tac Toe**: Challenge a friend or AI in this simple yet strategic game of placing Xs and Os in a 3x3 grid. ⭕❌
16. **Minesweeper Game**: Exercise your logical thinking with this puzzle game where you avoid hidden mines and uncover safe tiles. 💣
17. **Speed Typing Game**: Improve your typing speed and accuracy with this game that challenges you to type words quickly under time pressure. ⌨️
18. **Breakout Game**: Relive the arcade classic where you use a paddle to bounce a ball and break bricks, aiming for a high score. 🎮
19. **Ping Pong Game**: Experience the thrill of table tennis as you compete against an AI opponent in this classic sports game. 🏓
20. **Tetris Game**: Arrange falling tetrominoes to create complete lines and score points in this addictive puzzle game. 🧱
21. **Tilting Maze Game**: Navigate a ball through a tilting maze, avoiding traps and reaching the goal in this challenging game of skill. 🌀
22. **Memory Card Game**: Test your memory by matching pairs of cards in this classic concentration game. 🃏
23. **Type Number Guessing Game**: Guess the hidden number based on clues provided after each guess in this number guessing game. 🔢
24. **Snake Game**: Control a growing snake, eat food, and avoid collisions with walls and your own tail in this nostalgic arcade game. 🐍
25. **Connect Four Game**: Strategically drop colored discs to connect four in a row vertically, horizontally, or diagonally in this classic board game. 🔵🔴
26. **Insect Catch Game**: Test your reflexes by clicking on randomly appearing insects to catch them before they disappear. 🐞
27. **Typing Game**: Sharpen your typing skills by typing specific words or sentences as quickly and accurately as possible. ⌨️
28. **Dice Roll Simulator**: Simulate rolling dice to achieve different combinations or outcomes in this virtual dice rolling game. 🎲
29. **Shape Clicker Game**: Click on various shapes appearing on the screen within a time limit to score points in this clicker game. 🔷🔶
30. **Typing Game**: Improve your typing speed and accuracy by typing specific words or sentences under time pressure. ⌨️
31. **Speak Number Guessing Game**: Guess the hidden number by speaking your guesses aloud in this voice-activated number guessing game. 🗣️🔢
32. **Fruit Slicer Game**: Swipe across the screen to slice falling fruits while avoiding bombs in this fast-paced fruit-slicing game. 🍉🔪
33. **Quiz Game**: Test your knowledge on various topics by answering trivia questions and aiming for a high score in this quiz game. 🧠📚
34. **Emoji Catcher Game**: Catch falling emojis with a basket or container while avoiding bombs and other obstacles in this emoji-catching game. 🎯😄
35. **Whack-a-Mole Game**: Test your reaction speed by hitting randomly appearing moles with a mallet before they disappear in this classic arcade game. 🕹️
36. **Simon Says Game**: Follow the color sequence and repeat it correctly to advance through levels. Test your memory and speed in this classic memory game! 🎮💡
37. **Sliding Puzzle Game**: Slide tiles into the empty space to reassemble the image. Three difficulties: Easy (3×3), Medium (4×4), Hard (5×5). Mobile-friendly. 🧩

## License

The MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
