Snake Game

A classic snake game built with HTML, CSS, and JavaScript. Control the snake using the arrow keys, eat the food, and grow longer while avoiding collisions with the walls or your own tail.

Overview

This project is a browser-based implementation of the classic snake game. The game board is created using a CSS grid layout and is fully responsive to the viewport size. The snake and food elements are styled using modern CSS techniques.

Features

• Responsive Design: The game board adapts to the screen size.
• Grid Layout: Uses CSS grid to create a 21x21 cell game area.
• Modern Styling: Vibrant colors with dynamic styling for the snake and food.
• Modular JavaScript: Game logic is handled through a dedicated game.js file.

Getting Started

Prerequisites

• A modern web browser with ES6 module support (e.g., Chrome, Firefox, Safari, Edge).

Installation

1. Clone the repository:

   git clone https://github.com/shib1111111/Snake-Game.git
   cd Snake-Game

2. Open the Game:

   Open the index.html file in your browser by double-clicking it or using the following command in your terminal (macOS):

   open index.html

How to Play

• Objective: Guide the snake to eat food items that randomly appear on the game board. With each food consumed, the snake grows longer.
• Controls: Use the arrow keys on your keyboard to change the snake's direction.
• Game Over: Avoid colliding with the walls or the snake's own body. The game ends when a collision occurs. =

Contributing

Contributions are welcome! Feel free to submit issues or pull requests. Whether it's a bug fix, a new feature, or an improvement in the code, your contributions are highly appreciated.

License

This project is licensed under the MIT License.

Credits

Thank you for using this software! If you have any questions or feedback, feel free to reach out.

✨ --- Designed & made by Shib Kumar Saraf ✨