Snake Game

• 

  Mid-Game

• 

  Game Start

• 

  Game Over

Inspiration

This project was inspired by my desire to build my first working game and understand how real web projects function. I chose the classic Snake game because it is simple, logic-based, and perfect for learning JavaScript fundamentals.

What it does

The game allows the player to control a snake using keyboard keys. The snake grows when it eats food, and the game ends when it hits the wall or itself. The score increases as the snake grows.

How I built it

I built this project using:

* HTML to create the game structure

 * CSS to design the board and basic visuals

 * JavaScript to handle movement, collisions, scoring, and game logic

Challenges I ran into

As a beginner, the main challenges were:

  * Understanding JavaScript logic for movement and collision detection

  * Debugging small errors that broke the game

  * Designing the layout properly using CSS

Accomplishments that I'm proud of

Building my first working game and successfully implementing core game logic using JavaScript.

What I learned

Through this project, I learned:

  * How HTML, CSS, and JavaScript work together

  * Basics of game logic and event handling

  * Debugging and problem-solving

  * How to upload and manage a project on GitHub

What's next for Snake Game

  * Improve visual design and responsiveness

  * Add difficulty levels with increasing speed

  * Include restart and pause functionality

  * Add sound effects and simple animations

  * Make the game mobile-friendly

Built With

• css
• css-for-styling
• github
• html
• javascript
• javascript-for-game-logic
• vs-code