updated the files

Author: shadil-rayyan

docs/Desktop/learning/game/AI & Strategy/battle-snake.md

@@ -0,0 +1,24 @@
+# Battle Snake
+
+### What is it?
+
+Battle Snake is a multiplayer online game where players program their own snake AI to compete against others. The game emphasizes algorithmic thinking, decision-making, and real-time strategy.
+
+### Why Play Battle Snake?
+
+- **Learn AI Concepts**: Develop algorithms for pathfinding, collision avoidance, and resource optimization.
+- **Community**: Compete with a global community of developers.
+- **Fun and Educational**: Combines entertainment with learning.
+
+### Getting Started
+
+1. Visit the [Battle Snake website](https://play.battlesnake.com/).
+2. Create an account and explore the documentation.
+3. Use your preferred programming language to write your snake AI.
+4. Deploy your snake and join a game.
+
+### Tools and Resources
+
+- **Languages Supported**: Python, JavaScript, Java, and more.
+- **Deployment**: Use platforms like Heroku or AWS to host your snake.
+- **Community Support**: Join forums and Discord channels for help and collaboration.

docs/Desktop/learning/game/SQL/murder.md

@@ -0,0 +1,23 @@
+# Murder Mystery SQL
+
+### What is it?
+
+Murder Mystery SQL is an interactive game where players solve a fictional murder case by writing SQL queries. It combines storytelling with database querying to make learning SQL engaging and fun.
+
+### Why Play Murder Mystery SQL?
+
+- **Learn SQL**: Practice SELECT, JOIN, WHERE, and other SQL commands.
+- **Engaging Storyline**: Solve a mystery while learning.
+- **Real-World Skills**: Understand how SQL is used in data analysis.
+
+### Getting Started
+
+1. Visit the [Murder Mystery SQL website](https://murdermysterysql.com/).
+2. Follow the storyline and solve challenges by writing SQL queries.
+3. Progress through levels to uncover the mystery.
+
+### Tools and Resources
+
+- **SQL Documentation**: Refer to [W3Schools SQL Tutorial](https://www.w3schools.com/sql/) for help.
+- **Database Tools**: Use tools like SQLite or MySQL Workbench for practice.
+- **Community**: Join SQL forums for tips and discussions.

docs/Desktop/learning/game/SQL/sqlnoir.md

@@ -0,0 +1,23 @@
+# SQL Noir
+
+### What is it?
+
+SQL Noir is a detective-themed game that teaches SQL through a series of investigative challenges. Players use SQL queries to uncover clues, analyze data, and solve cases.
+
+### Why Play SQL Noir?
+
+- **Learn SQL**: Gain hands-on experience with SQL commands.
+- **Immersive Gameplay**: Solve mysteries while learning.
+- **Skill Development**: Improve data analysis and querying skills.
+
+### Getting Started
+
+1. Visit the [SQL Noir website](https://sqlnoir.com/).
+2. Create an account and start solving cases.
+3. Use the built-in SQL editor to write and test queries.
+
+### Tools and Resources
+
+- **SQL Reference**: Use [SQLZoo](https://sqlzoo.net/) for additional practice.
+- **Community**: Join forums to discuss solutions and strategies.
+- **Database Tools**: Experiment with SQL queries using tools like PostgreSQL or MySQL.

docs/Desktop/learning/game/vim/openvim.md

@@ -0,0 +1,22 @@
+# OpenVim
+
+### What is it?
+
+OpenVim is an interactive tutorial and game designed to teach the basics of the Vim text editor. It provides a hands-on environment to practice essential Vim commands and navigation techniques.
+
+### Why Use OpenVim?
+
+- **Learn Vim Quickly**: Master the basics of Vim in an interactive way.
+- **Practice Commands**: Gain confidence with commands like `:w`, `:q`, `dd`, `yy`, and more.
+- **Accessible**: No installation required; runs in your browser.
+
+### Getting Started
+
+1. Visit the [OpenVim website](https://www.openvim.com/).
+2. Follow the interactive tutorial to learn and practice commands.
+3. Use the practice mode to test your skills.
+
+### Tools and Resources
+
+- **Vim Documentation**: Refer to [Vim Docs](https://vimhelp.org/) for detailed explanations.
+- **Community**: Join Vim forums or Reddit communities for tips and support.

docs/Desktop/learning/game/web/checkio.md

@@ -0,0 +1,24 @@
+# CheckiO
+
+### What is it?
+
+CheckiO is a coding game that helps developers improve their programming skills through fun and challenging puzzles. It supports multiple programming languages and fosters a community-driven learning experience.
+
+### Why Play CheckiO?
+
+- **Improve Coding Skills**: Solve puzzles to enhance problem-solving abilities.
+- **Community Learning**: Share solutions and learn from others.
+- **Multi-Language Support**: Practice Python, JavaScript, and more.
+
+### Getting Started
+
+1. Visit the [CheckiO website](https://checkio.org/).
+2. Sign up for a free account.
+3. Choose a puzzle and start coding.
+4. Submit your solution and compare it with others.
+
+### Tools and Resources
+
+- **Code Editor**: Use the built-in editor or your favorite IDE.
+- **Documentation**: Refer to language-specific docs for help.
+- **Community**: Join forums and discussions to learn collaboratively.

docs/Desktop/learning/game/web/cssgridgraden.md

@@ -0,0 +1,23 @@
+# CSS Grid Garden
+
+### What is it?
+
+CSS Grid Garden is an interactive game that teaches the basics of CSS Grid Layout. Players solve challenges by writing CSS code to water the correct areas of a garden.
+
+### Why Play CSS Grid Garden?
+
+- **Learn CSS Grid**: Gain hands-on experience with CSS Grid properties like `grid-template-rows`, `grid-template-columns`, and `justify-items`.
+- **Interactive Learning**: Immediate feedback on your code.
+- **Fun and Engaging**: Makes learning CSS enjoyable.
+
+### Getting Started
+
+1. Visit the [CSS Grid Garden website](https://cssgridgarden.com/).
+2. Start with Level 1 and progress through increasingly challenging levels.
+3. Experiment with different CSS properties to solve puzzles.
+
+### Tools and Resources
+
+- **Browser**: Works on modern web browsers.
+- **Documentation**: Refer to [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout) for detailed explanations of CSS Grid properties.
+- **Community**: Join CSS forums or communities for tips and discussions.

docs/Desktop/learning/game/web/elevator.md

@@ -0,0 +1,23 @@
+# Elevator Saga
+
+### What is it?
+
+Elevator Saga is a programming game where players write JavaScript code to control elevators and optimize their performance. The game challenges players to solve increasingly complex scenarios involving elevator operations.
+
+### Why Play Elevator Saga?
+
+- **Learn JavaScript**: Practice coding in a fun and interactive way.
+- **Problem-Solving Skills**: Develop algorithms to handle real-world scenarios.
+- **Engaging Challenges**: Progress through levels with increasing difficulty.
+
+### Getting Started
+
+1. Visit the [Elevator Saga website](https://play.elevatorsaga.com/).
+2. Read the instructions and start coding.
+3. Test your code and optimize it to complete levels.
+
+### Tools and Resources
+
+- **JavaScript Documentation**: Refer to [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript) for help.
+- **Code Editor**: Use the built-in editor or your favorite IDE.
+- **Community**: Join forums to discuss strategies and solutions.

docs/Desktop/learning/game/web/flexboxdefense.md

@@ -0,0 +1,23 @@
+# Flexbox Defense
+
+### What is it?
+
+Flexbox Defense is an interactive game that teaches CSS Flexbox concepts. Players use Flexbox properties to position towers and defend against waves of enemies.
+
+### Why Play Flexbox Defense?
+
+- **Learn Flexbox**: Master properties like `justify-content`, `align-items`, and `flex-direction`.
+- **Interactive Learning**: Immediate feedback on your code.
+- **Fun and Engaging**: Combines learning with strategy gameplay.
+
+### Getting Started
+
+1. Visit the [Flexbox Defense website](http://flexboxdefense.com/).
+2. Start with the first level and progress through increasingly challenging levels.
+3. Experiment with different Flexbox properties to position towers effectively.
+
+### Tools and Resources
+
+- **Browser**: Works on modern web browsers.
+- **Documentation**: Refer to [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout) for detailed explanations of Flexbox properties.
+- **Community**: Join CSS forums or communities for tips and discussions.

docs/Desktop/learning/game/web/flexboxfroggy.md

@@ -0,0 +1,23 @@
+# Flexbox Froggy
+
+### What is it?
+
+Flexbox Froggy is an interactive game that teaches the basics of CSS Flexbox. Players help Froggy and friends by writing CSS code to align and distribute items in a container.
+
+### Why Play Flexbox Froggy?
+
+- **Learn Flexbox**: Master properties like `justify-content`, `align-items`, and `flex-direction`.
+- **Interactive Learning**: Immediate feedback on your code.
+- **Fun and Engaging**: Makes learning CSS enjoyable.
+
+### Getting Started
+
+1. Visit the [Flexbox Froggy website](https://flexboxfroggy.com/).
+2. Start with Level 1 and progress through increasingly challenging levels.
+3. Experiment with different Flexbox properties to solve puzzles.
+
+### Tools and Resources
+
+- **Browser**: Works on modern web browsers.
+- **Documentation**: Refer to [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout) for detailed explanations of Flexbox properties.
+- **Community**: Join CSS forums or communities for tips and discussions.

docs/Desktop/learning/game/web/flukeout.md

@@ -0,0 +1,23 @@
+# Flukeout
+
+### What is it?
+
+Flukeout, also known as CSS Diner, is an interactive game that teaches CSS selectors. Players progress through levels by writing CSS selectors to target specific elements on a plate.
+
+### Why Play Flukeout?
+
+- **Learn CSS Selectors**: Master the art of targeting elements with CSS.
+- **Interactive Learning**: Immediate feedback on your code.
+- **Fun and Engaging**: Makes learning CSS enjoyable.
+
+### Getting Started
+
+1. Visit the [Flukeout website](https://flukeout.github.io/).
+2. Start with Level 1 and progress through increasingly challenging levels.
+3. Experiment with different CSS selectors to solve puzzles.
+
+### Tools and Resources
+
+- **Browser**: Works on modern web browsers.
+- **Documentation**: Refer to [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors) for detailed explanations of CSS selectors.
+- **Community**: Join CSS forums or communities for tips and discussions.