diff --git a/.DS_Store b/.DS_Store
index 1594d16173..32591e8c5b 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/.github/CONTRIBUTING_GUIDELINE.md b/.github/CONTRIBUTING_GUIDELINE.md
index db19b5a2b2..10fece0de8 100644
--- a/.github/CONTRIBUTING_GUIDELINE.md
+++ b/.github/CONTRIBUTING_GUIDELINE.md
@@ -36,17 +36,21 @@ in case you are stuck:
## **File naming conventions 📁**
-- Give unique name for your game that is not already existed
+- Give unique name for your game that don't exist already.
* Folder naming convention
- - ```Game_Name``` ex. ```Tilting_Maze``` (first letter should be capital and if you need space use _ )
+ - ```Game_Name``` ex. ```Tilting_Maze```,```Rock_Paper_Scissors``` (first letter should be capital and if you need space use underscore **_** )
* files in the folder
- - ```index.html``` , ```script.js``` , ```style.css```(not stictly to follow this but you should have separate )
+ - Main html file should be named as **index.html** , not something else like ```Tilting_Maze.html```
+ - Game files - ```index.html``` , ```script.js``` , ```style.css```(not stictly to follow this but you should have separate file for each kind)
+ - It is preferred if the main html file is directly added to the main folder of you game like ```Tilting_Maze/index.html``` along with other files like *style.css*, *script.js*
- you can have other folders if you are having assets for your game
- - ```README.md``` for your folder using template [TEMPLATE](../Games/FOLDER_README_TEMPLATE.md)
- - It is not compulsory to follow this README template only you can have your own
+ - Create```README.md``` for your Game using this [TEMPLATE](../Games/FOLDER_README_TEMPLATE.md).Although, it is not compulsory to follow this README template ,you can use your own *README* template whichever you prefer, to explain your Game
* naming convention for the screenshot you will add in ```assets/images```
+ - Remember preview image should be in ```assets/images``` and not in main folder of Game itself.
- name of image should be same as your game name
- - ex. ```Tilting_Maze.jpeg``` or .jpg or .png any of the image formate
+ - ex. ```Tilting_Maze.jpeg``` or .jpg or .png any of the image format, but don't add image format in the name itself , it is self-assigned to a image,you don't need to add it manually, otherwise it becomes ```Tilting_Maze.jpeg.jpeg```
+ - There should be only one ScreenShot of the game in ```assets/images``` and that too with same name as the Game(Exactly Same).
+* Note:-All Other data except the ScreenShot of your Game, should be in it's main folder , don't add it to other folders of the project.
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 860bc55dac..26ee5d4b1f 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -87,6 +87,30 @@ If you find this project helpful, please consider giving it a star on GitHub! Yo
+
+## Add Game to assets/js/gamesData.json
+
+* This is to Show your game on the main Website
+ - Go to the end of gamesData.json and add :
+ - **,**
+ " **No.** ":{
+ "gameTitle" : " **Title** ",
+ "gameUrl": " **Main Folder** ",
+ "thumbnailUrl":" **Preview Image** "
+ }
+ - **No.**: Number for your Game , it should be the next number with respect to the file. eg: it the last no. in file at present is *625* you should put *626* at the place of **No.**
+ - **Title:** this is the title for your game that will be shown on the website, if your game name is ```Super_Mario_Game``` ,put Title as ```Super Mario Game```
+ - **Main Folder :** This is the reference to *index.html*
+ - if your index.html is directly in main game folder ,put the main folder name eg: ```Super_Mario_Game```
+ - if your index.html is in subfolder , give path to it
+ eg: ```Super_Mario_Game/public``` (assuming index.html is in public folder of Super_Mario_Game folder)
+ - if your main html file's name is not index.html , you need to specify the main html file also. eg:```Super_Mario_Game/mario.html``` or if in sub folder ```Super_Mario_Game/public/mario.html```
+ - **Preview Image:** This is the image that will be shown as preview for your game , here you provide the name of the image that you added to **assets/images** folder, along with format type. Eg. ```Super_Mario_Game.png``` or ```Super_Mario_Game.jpg``` or with any other format.
+
+**Note:-**
+
+ - Do not modify anything else in the rest of the file, you only need to add your game in the end of the file.
+ - Don't forget to add the comma for new entry (already give in above sample but this is a reminder as one might miss it to see in the sample)
## **Pull Request Process 🚀**
1. Ensure that you have self reviewed your code 😀
diff --git a/Games/.DS_Store b/Games/.DS_Store
new file mode 100644
index 0000000000..442634d4c6
Binary files /dev/null and b/Games/.DS_Store differ
diff --git a/Games/1icon.png b/Games/1icon.png
deleted file mode 100644
index 821142c96f..0000000000
Binary files a/Games/1icon.png and /dev/null differ
diff --git a/Games/Angry_Bird/README.md b/Games/Angry_Bird/README.md
new file mode 100644
index 0000000000..5b06b6d605
--- /dev/null
+++ b/Games/Angry_Bird/README.md
@@ -0,0 +1,65 @@
+# Angry Birds
+
+## Overview
+
+The Angry Birds is a user-friendly browser extension designed to enhance your Angry Birds gaming experience. This script allows you to modify in-game resources and unlock features with ease. The functionalities include modifying coins, unlocking all levels, and unlocking all birds, providing you with unlimited access to the game’s content.
+
+## Features
+
+### Modify Coins
+- **Description**: Change your current coin count to a specified amount.
+- **Usage**: Input your current number of coins, and the script will set the coin count to a high value (e.g., 999,999).
+
+### Unlock All Levels
+- **Description**: Instantly unlock all levels in the game.
+- **Usage**: Allows access to play any level without needing to progress sequentially.
+
+### Unlock All Birds
+- **Description**: Unlock all bird characters in the game.
+- **Usage**: Provides access to every bird with unique abilities from the start.
+
+## Installation
+
+1. Clone or download the repository.
+2. Open your browser and navigate to the extensions page.
+3. Enable "Developer mode".
+4. Click "Load unpacked" and select the directory containing the downloaded files.
+
+## Usage
+
+1. Open the extension by clicking on the Angry Birds GG Script icon in your browser.
+2. Choose the desired option:
+ - **Modify Coins**: Enter your current amount of coins when prompted.
+ - **Unlock All Levels**: Click to unlock all levels instantly.
+ - **Unlock All Birds**: Click to unlock all birds instantly.
+3. Follow the prompts and alerts to complete the modifications.
+
+## Files
+
+### `index.html`
+
+The HTML file providing the structure of the user interface.
+
+### `styles.css`
+
+The CSS file for styling the user interface.
+
+### `script.js`
+
+The JavaScript file containing the functionality for modifying the game’s resources.
+
+### `manifest.json`
+
+The manifest file required for the browser extension, specifying metadata and permissions.
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a pull request.
+
+## License
+
+This project is for educational purposes only. Use at your own risk.
+
+---
+
+By using this script, you acknowledge that it is for educational purposes only and should not be used to cheat in the game.
\ No newline at end of file
diff --git a/Games/Angry_Bird/index.html b/Games/Angry_Bird/index.html
new file mode 100644
index 0000000000..abffdb8a4f
--- /dev/null
+++ b/Games/Angry_Bird/index.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+ Angry Birds GG Script
+
+
+
+
Angry Birds GG Script
+
+
+
+
+
+
+
diff --git a/Games/Angry_Bird/manifest.json b/Games/Angry_Bird/manifest.json
new file mode 100644
index 0000000000..130edbacf6
--- /dev/null
+++ b/Games/Angry_Bird/manifest.json
@@ -0,0 +1,17 @@
+{
+ "manifest_version": 2,
+ "name": "Angry Birds GG Script",
+ "version": "1.0",
+ "description": "A script to modify coins, unlock levels, and unlock birds in Angry Birds for educational purposes.",
+ "icons": {
+ "48": "icon.png"
+ },
+ "browser_action": {
+ "default_popup": "index.html",
+ "default_icon": "icon.png"
+ },
+ "permissions": [
+ "activeTab"
+ ]
+ }
+
\ No newline at end of file
diff --git a/Games/Angry_Bird/script.js b/Games/Angry_Bird/script.js
new file mode 100644
index 0000000000..65ec81a0cb
--- /dev/null
+++ b/Games/Angry_Bird/script.js
@@ -0,0 +1,49 @@
+// Function to modify coins
+function modifyCoins() {
+ let coins = prompt("Enter your current amount of coins:");
+ coins = parseInt(coins);
+ if (isNaN(coins)) {
+ alert("Invalid number. Please try again.");
+ return;
+ }
+ let newCoins = 999999;
+ alert(`Coins modified successfully to ${newCoins}!`);
+ }
+
+ // Function to unlock all levels
+ function unlockAllLevels() {
+ alert("All levels unlocked!");
+ }
+
+ // Function to unlock all birds
+ function unlockAllBirds() {
+ alert("All birds unlocked!");
+ }
+
+ // Function to handle button clicks
+ function handleButtonClick(event) {
+ const buttonId = event.target.id;
+ switch (buttonId) {
+ case "modify-coins":
+ modifyCoins();
+ break;
+ case "unlock-levels":
+ unlockAllLevels();
+ break;
+ case "unlock-birds":
+ unlockAllBirds();
+ break;
+ case "exit":
+ alert("Exiting script...");
+ break;
+ default:
+ break;
+ }
+ }
+
+ // Add event listeners to buttons
+ document.getElementById("modify-coins").addEventListener("click", handleButtonClick);
+ document.getElementById("unlock-levels").addEventListener("click", handleButtonClick);
+ document.getElementById("unlock-birds").addEventListener("click", handleButtonClick);
+ document.getElementById("exit").addEventListener("click", handleButtonClick);
+
\ No newline at end of file
diff --git a/Games/Angry_Bird/styles.css b/Games/Angry_Bird/styles.css
new file mode 100644
index 0000000000..ae365627e9
--- /dev/null
+++ b/Games/Angry_Bird/styles.css
@@ -0,0 +1,21 @@
+body {
+ font-family: Arial, sans-serif;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ height: 100vh;
+ background-color: #f0f0f0;
+ }
+
+ button {
+ margin: 10px;
+ padding: 10px 20px;
+ font-size: 16px;
+ cursor: pointer;
+ }
+
+ h1 {
+ margin-bottom: 20px;
+ }
+
\ No newline at end of file
diff --git a/Games/Block_Dodger/README.md b/Games/Block_Dodger/README.md
new file mode 100644
index 0000000000..9e15067a99
--- /dev/null
+++ b/Games/Block_Dodger/README.md
@@ -0,0 +1,43 @@
+# **Block Dodger Game**
+
+
+
+
+## **Description 📃**
+Block Dodger is a simple and addictive browser-based game where players control a character to dodge falling blocks. The goal is to survive as long as possible while accumulating a high score.
+
+
+
+## **functionalities 🎮**
+
+•Character Movement: The player can move the character left and right using the keyboard arrow keys.
+
+•Falling Blocks: Blocks fall from the top of the game area, and the player must dodge them to stay alive.
+
+•Score Tracking: The game tracks the player's score based on how many blocks they successfully dodge.
+
+•Game Over Display: When the game ends, the player's score is displayed on the screen.
+
+
+
+## **How to play? 🕹️**
+
+• Open index.html in a web browser to start the game.
+
+• Use the left (←) and right (→) arrow keys to move the character.
+
+• Avoid falling blocks and try to stay on screen as long as possible.
+
+• The game ends if the character goes off the top of the screen.
+
+• Your score is displayed when the game ends.
+
+
+## **Screenshots 📸**
+
+
+
+
+
+ ## **Working video 📹**
+ 
diff --git a/Games/Block_Dodger/index.html b/Games/Block_Dodger/index.html
new file mode 100644
index 0000000000..a255907cf8
--- /dev/null
+++ b/Games/Block_Dodger/index.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+ Falling Ball Game
+
+
+
+
+
+
+
+
+
+
+
+
Use arrows keys to play game
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Games/Block_Dodger/script.js b/Games/Block_Dodger/script.js
new file mode 100644
index 0000000000..04bdf3910a
--- /dev/null
+++ b/Games/Block_Dodger/script.js
@@ -0,0 +1,119 @@
+var character = document.getElementById("character");
+var game = document.getElementById("game");
+var interval;
+var both = 0;
+var counter = 0;
+var currentBlocks = [];
+
+function moveLeft() {
+ // to move the ball left
+ var left = parseInt(
+ window.getComputedStyle(character).getPropertyValue("left")
+ );
+ if (left > 0) {
+ character.style.left = left - 2 + "px";
+ }
+}
+function moveRight() {
+ // to move the ball right
+ var left = parseInt(
+ window.getComputedStyle(character).getPropertyValue("left")
+ );
+ if (left < 380) {
+ character.style.left = left + 2 + "px";
+ }
+}
+document.addEventListener("keydown", event => {
+ if (both == 0) {
+ both++;
+ if (event.key === "ArrowLeft") {
+ interval = setInterval(moveLeft, 1);
+ }
+ if (event.key === "ArrowRight") {
+ interval = setInterval(moveRight, 1);
+ }
+ }
+});
+document.addEventListener("keyup", event => {
+ clearInterval(interval);
+ both = 0;
+});
+
+var blocks = setInterval(function () {
+ var blockLast = document.getElementById("block" + (counter - 1));
+ var holeLast = document.getElementById("hole" + (counter - 1));
+ if (counter > 0) {
+ var blockLastTop = parseInt(
+ window.getComputedStyle(blockLast).getPropertyValue("top")
+ );
+ var holeLastTop = parseInt(
+ window.getComputedStyle(holeLast).getPropertyValue("top")
+ );
+ }
+ if (blockLastTop < 400 || counter == 0) {
+ var block = document.createElement("div");
+ var hole = document.createElement("div");
+ block.setAttribute("class", "block");
+ hole.setAttribute("class", "hole");
+ block.setAttribute("id", "block" + counter);
+ hole.setAttribute("id", "hole" + counter);
+ block.style.top = blockLastTop + 100 + "px";
+ hole.style.top = holeLastTop + 100 + "px";
+ var random = Math.floor(Math.random() * 360);
+ hole.style.left = random + "px";
+ game.appendChild(block);
+ game.appendChild(hole);
+ currentBlocks.push(counter);
+ counter++;
+ }
+ var characterTop = parseInt(
+ window.getComputedStyle(character).getPropertyValue("top")
+ );
+ var characterLeft = parseInt(
+ window.getComputedStyle(character).getPropertyValue("left")
+ );
+ var drop = 0;
+ if (characterTop <= 0) {
+ resultBox.innerHTML = "Game over. Score: " + (counter - 9);
+ resultBox.style.display = "block";
+ clearInterval(blocks);
+ return;
+ }
+ for (var i = 0; i < currentBlocks.length; i++) {
+ let current = currentBlocks[i];
+ let iblock = document.getElementById("block" + current);
+ let ihole = document.getElementById("hole" + current);
+ let iblockTop = parseFloat(
+ window.getComputedStyle(iblock).getPropertyValue("top")
+ );
+ let iholeLeft = parseFloat(
+ window.getComputedStyle(ihole).getPropertyValue("left")
+ );
+ iblock.style.top = iblockTop - 0.5 + "px";
+ ihole.style.top = iblockTop - 0.5 + "px";
+ if (iblockTop < -20) {
+ currentBlocks.shift();
+ iblock.remove();
+ ihole.remove();
+ }
+ if (iblockTop - 20 < characterTop && iblockTop > characterTop) {
+ drop++;
+ if (iholeLeft <= characterLeft && iholeLeft + 20 >= characterLeft) {
+ drop = 0;
+ }
+ }
+ }
+ if (drop == 0) {
+ if (characterTop < 480) {
+ character.style.top = characterTop + 2 + "px";
+ }
+ } else {
+ character.style.top = characterTop - 0.5 + "px";
+ }
+}, 1);
+
+function restartGame() {
+ location.reload();
+}
+
+startGame();
\ No newline at end of file
diff --git a/Games/Block_Dodger/style.css b/Games/Block_Dodger/style.css
new file mode 100644
index 0000000000..63c86a2432
--- /dev/null
+++ b/Games/Block_Dodger/style.css
@@ -0,0 +1,103 @@
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+
+ }
+
+
+ .header {
+ margin-top: 1rem;
+
+ padding: 3rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 3rem;
+ background-color: rgb(3, 3, 45);
+ color: white;
+ border-radius: 5rem;
+ cursor: pointer;
+ }
+
+ #game {
+
+ width: 400px;
+ height: 500px;
+ border: 2px solid rgb(14, 7, 106);
+ margin: auto;
+ margin-top: 2rem;
+ overflow: hidden;
+ }
+
+ #character {
+ width: 20px;
+ height: 20px;
+ background-color: rgba(8, 144, 255, 0.979);
+ border-radius: 50%;
+ position: relative;
+ top: 400px;
+ left: 190px;
+ z-index: 1000000;
+ }
+
+
+ h3{
+ font-size: 1.25rem;
+ }
+
+ #resultBox {
+ display: none;
+ position: absolute;
+ top: 45%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ background-color: white;
+ border: 2px solid black;
+ padding: 20px;
+ text-align: center;
+ font-weight: bold;
+
+ }
+
+
+ .block {
+ width: 400px;
+ height: 20px;
+ background-color: rgb(70, 65, 65);
+ position: relative;
+ top: 100px;
+ margin-top: -20px;
+ }
+
+ .hole {
+ width: 40px;
+ height: 20px;
+ background-color: white;
+ position: relative;
+ top: 100px;
+ margin-top: -20px;
+ }
+
+ #restartButton {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 10vw;
+ margin: 10px auto;
+ padding: 10px 20px;
+ background-color:rgb(3, 3, 45);
+ color: white;
+ border: 2px solid rgba(92, 90, 90, 0.242);
+ box-shadow: 10cap;
+ font-size: 2rem;
+ border-radius: 2cap;
+ cursor: pointer;
+
+ }
+
+ #restartButton:hover {
+ background-color: #45a049;
+ }
+
+
\ No newline at end of file
diff --git a/Games/Buliding Block Game/Readme.md b/Games/Building Block Game/Readme.md
similarity index 100%
rename from Games/Buliding Block Game/Readme.md
rename to Games/Building Block Game/Readme.md
diff --git a/Games/Buliding Block Game/assets b/Games/Building Block Game/assets
similarity index 100%
rename from Games/Buliding Block Game/assets
rename to Games/Building Block Game/assets
diff --git a/Games/Buliding Block Game/index.html b/Games/Building Block Game/index.html
similarity index 100%
rename from Games/Buliding Block Game/index.html
rename to Games/Building Block Game/index.html
diff --git a/Games/Buliding Block Game/script.js b/Games/Building Block Game/script.js
similarity index 100%
rename from Games/Buliding Block Game/script.js
rename to Games/Building Block Game/script.js
diff --git a/Games/Buliding Block Game/style.css b/Games/Building Block Game/style.css
similarity index 100%
rename from Games/Buliding Block Game/style.css
rename to Games/Building Block Game/style.css
diff --git a/Games/Carrom/carrom.html b/Games/Carrom/index.html
similarity index 100%
rename from Games/Carrom/carrom.html
rename to Games/Carrom/index.html
diff --git a/Games/Mario Matching Game/01.jpg b/Games/Mario Matching Game/01.jpg
deleted file mode 100644
index 51c56edd3d..0000000000
Binary files a/Games/Mario Matching Game/01.jpg and /dev/null differ
diff --git a/Games/Mario Matching Game/02.jpg b/Games/Mario Matching Game/02.jpg
deleted file mode 100644
index db8ce9cc8e..0000000000
Binary files a/Games/Mario Matching Game/02.jpg and /dev/null differ
diff --git a/Games/Mario Matching Game/03.jpg b/Games/Mario Matching Game/03.jpg
deleted file mode 100644
index 97cd791cf2..0000000000
Binary files a/Games/Mario Matching Game/03.jpg and /dev/null differ
diff --git a/Games/Mario Matching Game/Readme.md b/Games/Mario Matching Game/Readme.md
deleted file mode 100644
index 3c80472ede..0000000000
--- a/Games/Mario Matching Game/Readme.md
+++ /dev/null
@@ -1,23 +0,0 @@
-# Mario Matching Game
-
-Welcome to the Mario Matching Game! This game challenges players to match three identical images within a specified time limit.
-
-## Image
-
-
-
-
-## Gameplay
-
-- The game board consists of multiple tiles, each containing an image.
-
-## Features
-
-- Reset Button: Start a new game round by resetting the board and timer.
-
-## Technologies Used
-
-- HTML
-- CSS
-- JavaScript
-
diff --git a/Games/Mario Matching Game/index.html b/Games/Mario Matching Game/index.html
deleted file mode 100644
index 5ab2a96528..0000000000
--- a/Games/Mario Matching Game/index.html
+++ /dev/null
@@ -1,34 +0,0 @@
-
-
-
-
-
-
-
-
-
-
- Game
-
-
-
+
+
+
diff --git a/Games/Matching_pair/Contact.css b/Games/Matching_pair/Contact.css
new file mode 100644
index 0000000000..f9332e6578
--- /dev/null
+++ b/Games/Matching_pair/Contact.css
@@ -0,0 +1,163 @@
+body {
+ font-family: 'Arial', sans-serif;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ height: 100vh;
+ margin: 0;
+ background: linear-gradient(45deg, #0d0812, #0a1a37,rgb(43, 5, 94),rgb(79, 3, 79),rgb(4, 4, 134),rgb(86, 86, 248)
+ );
+ background-size: 400% 400%;
+ animation: gradientAnimation 5s ease infinite;
+ color: #fff;
+ cursor: pointer;
+ }
+ #custom-cursor{
+
+ width: 20px;
+ height: 20px;
+ border: 2px solid #e8dce4;
+ border-radius: 50%;
+ position: absolute;
+ pointer-events: none;
+ transition: transform 0.1s ease-out, background-color 0.2s ease;
+ z-index: 10000;
+ animation: cursorAnimation 0.3s infinite alternate;
+}
+@keyframes cursorAnimation {
+ 0% { transform: scale(1); background-color: black,; }
+ 100% { transform: scale(1.5); background-color: white; }
+}
+
+@keyframes gradientAnimation {
+ 0% { background-position: 0% 50%; }
+ 50% { background-position: 100% 50%; }
+ 100% { background-position: 0% 50%; }
+}
+@keyframes backgroundAnimation {
+ 0% { background-color: #f44336; }
+ 20% { background-color: #e91e63; }
+ 40% { background-color: #9c27b0; }
+ 60% { background-color: #673ab7; }
+ 80% { background-color: #3f51b5; }
+ 100% { background-color: #2196f3; }
+}
+@keyframes cursorAnimation {
+ 0% { transform: scale(1); background-color: black,; }
+ 100% { transform: scale(1.5); background-color: white; }
+ }
+ h1 {
+ margin-top: 20px;
+ text-align: center;
+ text-transform: uppercase;
+ letter-spacing: 2px;
+ animation: titleAnimation 1s ease-out infinite alternate;
+ }
+.submit{
+ text-align: center;
+ margin-left:100px;
+ margin-top: 14px;
+}
+/* Navbar styles */
+.navbar {
+ width: 100%;
+ background-color: #09000d;
+ padding: 1px ;
+ position: fixed;
+ top: 0;
+ z-index: 1000;
+ }
+
+ .navbar-container {
+ width: 90%;
+ margin: 0 auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ .navbar-brand {
+ color: #fff;
+ text-decoration: none;
+ font-size: 24px;
+ font-weight: bold;
+ }
+
+ .navbar-menu {
+ list-style: none;
+ display: flex;
+ gap: 15px;
+ }
+
+ .navbar-menu li {
+ display: inline;
+ }
+
+ .navbar-menu a {
+ color: #fff;
+ text-decoration: none;
+ font-size: 18px;
+ }
+
+ .navbar-menu a:hover {
+ text-decoration: underline;
+ }
+
+
+.contact-container {
+ background: #fff;
+ padding: 20px;
+ border-radius: 5px;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+ max-width: 500px;
+ width: 100%;
+}
+
+h1 {
+ margin-bottom: 20px;
+ color: #673ab7;
+}
+
+label {
+ display: block;
+ margin-top: 10px;
+}
+
+input, textarea {
+ width: 100%;
+ padding: 10px;
+ margin-top: 5px;
+ margin-bottom: 10px;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+}
+.form-group{
+ display:flex;
+
+ margin-left: 90px;
+}
+
+button {
+ background-color: #007BFF;
+ color: #fff;
+ border: none;
+ padding: 10px 20px;
+ border-radius: 5px;
+ cursor: pointer;
+ transition: background-color 0.3s;
+ margin-top: 20px;
+
+
+
+}
+
+button:hover {
+ background-color: #0056b3;
+}
+
+#formMessage {
+ margin-top: 20px;
+ color: red;
+ text-align: center;
+}
diff --git a/Games/Matching_pair/README.md b/Games/Matching_pair/README.md
new file mode 100644
index 0000000000..13282e3b13
--- /dev/null
+++ b/Games/Matching_pair/README.md
@@ -0,0 +1,89 @@
+# Matching Pairs Game
+## Description
+
+The Matching Pairs Game is a fun and engaging memory game developed using HTML, CSS, and JavaScript. The game challenges players to match pairs of cards with identical images within a limited time. It offers a simple yet addictive gameplay experience, a countdown timer, and a helpful chatbot for hints.
+
+## Features
+
+- **Interactive Gameplay:** Flip cards to reveal their images and try to find matching pairs.
+- **Scoring System:** Earn points for each successful match.
+- **Countdown Timer:** Complete the game within the allotted time to win.(FutureScope)
+- **Responsive Design:** The game is optimized for both desktop and mobile devices.
+- **Dark Theme:** The game features a modern dark theme for a comfortable playing experience.
+
+### Objective
+
+Match all pairs of cards .
+
+### How to Play
+
+1. **Starting the Game:**
+ - All cards are placed face down on the game board.
+ - The score and timer are displayed at the top of the game area.
+
+2. **Flipping Cards:**
+ - Click on any card to flip it over and reveal the image on the front.
+ - Click on a second card to flip it over as well.
+
+3. **Matching Pairs:**
+ - If the images on the two flipped cards match, they will remain face up.
+ - If the images do not match, both cards will flip back face down after a short delay.
+
+
+5. **Timer:**
+ - The timer is displayed at the top of the game area.
+ .
+
+
+
+7. **Winning and Losing:**
+ - The game is won when all pairs of cards have been matched before the timer runs out.
+
+
+8. **Restarting the Game:**
+ - Refresh the page to start a new game.
+
+### Tips
+
+- Remember the positions of the cards you have already flipped.
+- Use hints strategically to maximize your chances of finding pairs quickly.
+
+## ScreeShots
+
+## workingVideo:
+
+
+https://github.com/user-attachments/assets/cc6e7ac3-4057-47ad-b859-2aae2d4e31b9
+
+
+
+## Technologies Used
+
+- **HTML:** Structure of the game.
+- **CSS:** Styling and layout.
+- **JavaScript:** Game logic and interactivity.
+
+## Getting Started
+
+1. Clone the repository:
+ ```bash
+ git clone https://github.com/yourusername/matching-pairs-game.git
+ ```
+2. Navigate to the project directory:
+ ```bash
+ cd matching-pairs-game
+ ```
+3. Open `index.html` in your web browser to play the game.
+
+## License
+
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+
+## Acknowledgments
+
+- Icons by [Favicon](https://favicon.io/)
+
+
+---
+
+Replace `"https://github.com/yourusername/matching-pairs-game.git"` with the actual URL of your GitHub repository. This README file provides a detailed description of the game, instructions for playing, and information about the technologies used, making it easy for others to understand and contribute to your project.
diff --git a/Games/Matching_pair/about.css b/Games/Matching_pair/about.css
new file mode 100644
index 0000000000..f38cf82790
--- /dev/null
+++ b/Games/Matching_pair/about.css
@@ -0,0 +1,97 @@
+body {
+ font-family: 'Arial', sans-serif;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ height: 100vh;
+ margin: 0;
+ background: linear-gradient(45deg, #0d0812, #0a1a37,rgb(43, 5, 94),rgb(79, 3, 79),rgb(4, 4, 134),rgb(86, 86, 248)
+ );
+ background-size: 400% 400%;
+ animation: gradientAnimation 5s ease infinite;
+ color: #fff;
+ cursor: pointer;
+ }
+ #custom-cursor{
+
+ width: 20px;
+ height: 20px;
+ border: 2px solid #e8dce4;
+ border-radius: 50%;
+ position: absolute;
+ pointer-events: none;
+ transition: transform 0.1s ease-out, background-color 0.2s ease;
+ z-index: 10000;
+ animation: cursorAnimation 0.3s infinite alternate;
+}
+@keyframes cursorAnimation {
+ 0% { transform: scale(1); background-color: black,; }
+ 100% { transform: scale(1.5); background-color: white; }
+}
+
+@keyframes gradientAnimation {
+ 0% { background-position: 0% 50%; }
+ 50% { background-position: 100% 50%; }
+ 100% { background-position: 0% 50%; }
+}
+@keyframes backgroundAnimation {
+ 0% { background-color: #f44336; }
+ 20% { background-color: #e91e63; }
+ 40% { background-color: #9c27b0; }
+ 60% { background-color: #673ab7; }
+ 80% { background-color: #3f51b5; }
+ 100% { background-color: #2196f3; }
+}
+@keyframes cursorAnimation {
+ 0% { transform: scale(1); background-color: black,; }
+ 100% { transform: scale(1.5); background-color: white; }
+ }
+ h1 {
+ margin-top: 20px;
+ text-align: center;
+ text-transform: uppercase;
+ letter-spacing: 2px;
+ animation: titleAnimation 1s ease-out infinite alternate;
+ }
+
+.content-container {
+ margin-top: 300px; /* Adjust based on the height of the navbar */
+ padding: 20px;
+ max-width: 800px;
+ margin-left: auto;
+ margin-right: auto;
+ background-color: #1e1e1e;
+ color: #ffffff;
+ border-radius: 10px;
+}
+
+header h1 {
+ font-size: 32px;
+ margin-bottom: 20px;
+ margin-top: 20px;
+ padding-top: 500px;
+
+}
+h1{
+ animation: gradientAnimations 0.3 ease infinite;
+}
+.instructions h2 {
+ font-size: 24px;
+ margin-top: 20px;
+ margin-bottom: 10px;
+ margin-left: 10px;
+}
+
+.instructions p, .instructions li {
+ font-size: 18px;
+ margin-bottom: 10px;
+
+}
+p{
+ margin-top: 15px;
+}
+
+.instructions ul, .instructions ol {
+ margin-left: 20px;
+}
diff --git a/Games/Matching_pair/about.html b/Games/Matching_pair/about.html
new file mode 100644
index 0000000000..5dce15ca4a
--- /dev/null
+++ b/Games/Matching_pair/about.html
@@ -0,0 +1,58 @@
+
+
+
+
+
+ Matching Pairs Game - Instructions
+
+
+
+
+
+
+
How to Play the Matching Pairs Game
+
+
+
Objective
+
The goal of the game is to match all pairs of cards within the allotted time.
+
How to Play
+
+
Starting the Game:
+
When the game starts, all the cards will be placed face down on the game board. You will see the score and timer at the top of the game area.
+
+
Flipping Cards:
+
Click on any card to flip it over and reveal the image on the front. Click on a second card to flip it over as well.
+
+
Matching Pairs:
+
If the images on the two flipped cards match, they will remain face up, indicating a successful match. If the images do not match, both cards will be flipped back face down after a short delay.
+
+
Scoring:
+
Each successful match will add 10 points to your score. The score is displayed at the top of the game area.
+
+
Timer:
+
You have a limited amount of time (60 seconds) to match all the pairs. The timer is displayed at the top of the game area. The game ends when the timer runs out or when all pairs have been matched.
+
+
Hints:
+
You can ask the chatbot for hints if you are having trouble finding pairs. To ask for a hint, type "hint" in the chat input box and press the send button. The chatbot will suggest which cards to flip.
+
+
Winning the Game:
+
The game is won when all pairs of cards have been matched before the timer runs out. A message will appear congratulating you on your win.
+
+
Losing the Game:
+
If the timer runs out before you have matched all the pairs, the game is over, and a message will appear informing you that the time is up.
+
+
Restarting the Game:
+
Refresh the page to start a new game.
+
+
+
Tips
+
+
Try to remember the positions of the cards you have already flipped.
+
Use hints strategically to maximize your chances of finding pairs quickly.
+
+
+
+
+
+
+
diff --git a/Games/Matching_pair/contact.js b/Games/Matching_pair/contact.js
new file mode 100644
index 0000000000..67b548a93f
--- /dev/null
+++ b/Games/Matching_pair/contact.js
@@ -0,0 +1,26 @@
+document.getElementById('contactForm').addEventListener('submit', function(event) {
+ event.preventDefault();
+
+ const name = document.getElementById('name').value;
+ const email = document.getElementById('email').value;
+ const message = document.getElementById('message').value;
+ const formMessage = document.getElementById('formMessage');
+
+ if (name === '' || email === '' || message === '') {
+ formMessage.textContent = 'Please fill in all fields.';
+ return;
+ }
+
+ if (!validateEmail(email)) {
+ formMessage.textContent = 'Please enter a valid email address.';
+ return;
+ }
+
+ formMessage.textContent = 'Thank you for contacting us, ' + name + '! We will get back to you soon.';
+ formMessage.style.color = 'green';
+});
+
+function validateEmail(email) {
+ const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+ return re.test(email);
+}
diff --git a/Games/Matching_pair/favicon_io (2)/android-chrome-192x192.png b/Games/Matching_pair/favicon_io (2)/android-chrome-192x192.png
new file mode 100644
index 0000000000..f45d588987
Binary files /dev/null and b/Games/Matching_pair/favicon_io (2)/android-chrome-192x192.png differ
diff --git a/Games/Matching_pair/favicon_io (2)/android-chrome-512x512.png b/Games/Matching_pair/favicon_io (2)/android-chrome-512x512.png
new file mode 100644
index 0000000000..7a67fed540
Binary files /dev/null and b/Games/Matching_pair/favicon_io (2)/android-chrome-512x512.png differ
diff --git a/Games/Matching_pair/favicon_io (2)/apple-touch-icon.png b/Games/Matching_pair/favicon_io (2)/apple-touch-icon.png
new file mode 100644
index 0000000000..8226a400ae
Binary files /dev/null and b/Games/Matching_pair/favicon_io (2)/apple-touch-icon.png differ
diff --git a/Games/Matching_pair/favicon_io (2)/favicon-16x16.png b/Games/Matching_pair/favicon_io (2)/favicon-16x16.png
new file mode 100644
index 0000000000..2cfa183025
Binary files /dev/null and b/Games/Matching_pair/favicon_io (2)/favicon-16x16.png differ
diff --git a/Games/Matching_pair/favicon_io (2)/favicon-32x32.png b/Games/Matching_pair/favicon_io (2)/favicon-32x32.png
new file mode 100644
index 0000000000..bff7c9717c
Binary files /dev/null and b/Games/Matching_pair/favicon_io (2)/favicon-32x32.png differ
diff --git a/Games/Matching_pair/favicon_io (2)/favicon.ico b/Games/Matching_pair/favicon_io (2)/favicon.ico
new file mode 100644
index 0000000000..cde73a67fc
Binary files /dev/null and b/Games/Matching_pair/favicon_io (2)/favicon.ico differ
diff --git a/Games/Matching_pair/favicon_io (2)/site.webmanifest b/Games/Matching_pair/favicon_io (2)/site.webmanifest
new file mode 100644
index 0000000000..45dc8a2065
--- /dev/null
+++ b/Games/Matching_pair/favicon_io (2)/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
diff --git a/Games/Matching_pair/index.html b/Games/Matching_pair/index.html
new file mode 100644
index 0000000000..09262567dd
--- /dev/null
+++ b/Games/Matching_pair/index.html
@@ -0,0 +1,43 @@
+
+
+
+
+
+ Matching Pairs Game
+
+
+
+
+
+
+
+
+
+
+
This open source repository contains a collection of games built on basic tech stacks in web development. Use your creativity, build your own game and contribute to the repository by making a PR 🎮
+
This open source repository contains a collection of games built on basic tech stacks in web development. Use your creativity, build your own game and contribute to the repository by making a PR 🎮
Make sure you star the repository and show your love to us💗
Also join the discord server for GameZone and start collaborating with others 🚀
-
+
@@ -39,7 +39,7 @@ This repository also provides one such platforms where contributers come over an
-
Tech Stack
+
Tech Stack
@@ -61,7 +61,7 @@ This repository also provides one such platforms where contributers come over an
-
Let's get started
+
Let's get started
@@ -100,17 +100,18 @@ This repository also provides one such platforms where contributers come over an
- If you having queries in basic flow of github learn it from [CONTRIBUTING GUIDELINE](./.github/CONTRIBUTING_GUIDELINE.md)
+
+
+
+
+- Read our [CONTRIBUTING GUIDELINE](./.github/CONTRIBUTING_GUIDELINE.md) to get all details about contributing to **GameZone**
+- Learn all about development process and all information you need to contribute to our project
+- If you are having the basic queries make sure you checkout resources there
+
+
+
+
+
+
+
Code of Conduct
+
+
+
+- Please note that this project is released with [CODE OF CONDUCT](./.github/CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.
+
+
+
+## License
+
+[](https://opensource.org/licenses/Apache-2.0)
+
+Terms and conditions for use, reproduction and distribution are under the [Apache-2.0 License](https://opensource.org/license/apache-2-0/).
+
+
+
+
+
+
+
+
+
+
+
+
+
Contributors
+
+
+
+- This project thanking all the contributors for having your valuable contribution to our project
+- Make sure you show some love by giving ⭐ to our repository
+
+
+
+
This open source repository contains a collection of games built on basic tech stacks in web development. Use your creativity, build your own game and contribute to the repository by making a PR 🎮
+
+Make sure you star the repository and show your love to us💗
+
+Also join the discord server for GameZone and start collaborating with others 🚀
+
+
+
+
+
+## Why to Open Source
+
+Contributing in open source increases your opportunities to work with different projects and mentors, getting to know various insights and ideas. It is a platform where contributors grow together with a construvtive and a positive attitude.
+This repository also provides one such platforms where contributers come over and put their ideas of new games and make our website as interactive as much they can!
+
+[](https://discord.gg/fgwk4XZfxG)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Tech Stack
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Let's get started
+
+
+
+
+
+- Fork the repository
+- Clone this repository `git clone "url of the repo"`
+
+* Raise and issue to add new game or to enhancement for a game (Have a look at few things you have to take care during raising issue )
+
+ - Select appropriate issue template
+ - Make sure your idea is unique and interesting 🚀
+
+ * Don't alter the issue title. You are supposed to write your issue name after that only.
+ - `[Issue Title]: Your Issue` make sure you just add your issue name
+ - ex .`[New game]: Super Mario`
+
+ - Make sure you select the program in which you are participating 🔥
+
+- Wait till you have been assigned the issue
+- After you have been assigned the issue start working on the code
+- Create your new branch using `git checkout -b `
+
+* Having your code into the repository
+ - Make your game folder into `Games` folder by the naming convention mentioned in [CONTRIBUTING GUIDELINE](./.github/CONTRIBUTING_GUIDELINE.md)
+ - Add your code files (index.html,style.css,script.js) in your game folder
+ - Create `README.md` file in your folder and add all the functionalities and how you can play that game in that README file , also include screenshots of working game , video of a game explaining (if required).
+ - To create `Your_Folder/README.md ` checkout the template [GAME README TEMPLATE](./Games/FOLDER_README_TEMPLATE.md)
+ - Now take one good screenshot of your game that you want to display it on our website and add into `assets/images` (follow the naming convention .png or .jpeg or .jpg)
+ - add your folders link and name in main README.md (the one you are reading currently)
+
+- Push your changes to Github using `git push origin `
+- Submit your changes for review by creating PR
+- And you are done !
+- I will review your code and I will merge your code to the main branch of this repository and you will notified for the same
+- If you having queries in basic flow of github learn it from [CONTRIBUTING GUIDELINE](./.github/CONTRIBUTING_GUIDELINE.md)
+
+
This open source repository contains a collection of games built on basic tech stacks in web development. Use your creativity, build your own game and contribute to the repository by making a PR 🎮
+
+Make sure you star the repository and show your love to us💗
+
+Also join the discord server for GameZone and start collaborating with others 🚀
+
+
+
+
+
+## Why to Open Source
+
+Contributing in open source increases your opportunities to work with different projects and mentors, getting to know various insights and ideas. It is a platform where contributors grow together with a construvtive and a positive attitude.
+This repository also provides one such platforms where contributers come over and put their ideas of new games and make our website as interactive as much they can!
+
+[](https://discord.gg/fgwk4XZfxG)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Tech Stack
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Let's get started
+
+
+
+
+
+- Fork the repository
+- Clone this repository `git clone "url of the repo"`
+
+* Raise and issue to add new game or to enhancement for a game (Have a look at few things you have to take care during raising issue )
+
+ - Select appropriate issue template
+ - Make sure your idea is unique and interesting 🚀
+
+ * Don't alter the issue title. You are supposed to write your issue name after that only.
+ - `[Issue Title]: Your Issue` make sure you just add your issue name
+ - ex .`[New game]: Super Mario`
+
+ - Make sure you select the program in which you are participating 🔥
+
+- Wait till you have been assigned the issue
+- After you have been assigned the issue start working on the code
+- Create your new branch using `git checkout -b `
+
+* Having your code into the repository
+ - Make your game folder into `Games` folder by the naming convention mentioned in [CONTRIBUTING GUIDELINE](./.github/CONTRIBUTING_GUIDELINE.md)
+ - Add your code files (index.html,style.css,script.js) in your game folder
+ - Create `README.md` file in your folder and add all the functionalities and how you can play that game in that README file , also include screenshots of working game , video of a game explaining (if required).
+ - To create `Your_Folder/README.md ` checkout the template [GAME README TEMPLATE](./Games/FOLDER_README_TEMPLATE.md)
+ - Now take one good screenshot of your game that you want to display it on our website and add into `assets/images` (follow the naming convention .png or .jpeg or .jpg)
+ - add your folders link and name in main README.md (the one you are reading currently)
+
+- Push your changes to Github using `git push origin `
+- Submit your changes for review by creating PR
+- And you are done !
+- I will review your code and I will merge your code to the main branch of this repository and you will notified for the same
+- If you having queries in basic flow of github learn it from [CONTRIBUTING GUIDELINE](./.github/CONTRIBUTING_GUIDELINE.md)
+
+
Tech Stack
Let's get started
Games
Contributing Guideline 
Code of Conduct 
Contributors 
+
+
+
+
+