SnakeForCan 🐍📱 (By )

Welcome to SnakeForCan, a meticulous recreation of the classic Nokia 3310 Snake game built with modern web technologies. This project was born as a first "Vibe Coding" experiment, dedicated to a friend (Can) who really wanted to play the classic Snake!

🎮 Play Live: snakeforcan.vercel.app

✨ Features

• Iconic Gameplay: The classic, non-stop grid-based snake experience. Grow longer and move faster as you eat food.
• Hyper-Realistic UI: Play inside a visually stunning, meticulously CSS-crafted 3310 casing complete with molded physical buttons, screen glass glare, and a nostalgic desktop spotlight environment.
• Responsive Controls:
  • ⌨️ Play with your keyboard (W, A, S, D or Arrow Keys).
  • 🖱️ Play by clicking/tapping the on-screen 3D-molded D-Pad and Action keys.
• Retro Aesthetic: "Press Start 2P" pixel fonts, true-to-life LCD green colors (#879571), CRT scanlines, and vignette shadow effects.
• Turn-On Animation: Watch the screen flicker to life when you load the app.

🛠️ Built With

• React (via Vite)
• Tailwind CSS v4 (for rapid structural styling and advanced CSS shading)
• Custom React Hooks (useSnakeGame to isolate pure grid-based gameplay logic)

🚀 Getting Started

To run this project locally, follow these steps:

Prerequisites

Make sure you have Node.js installed on your machine.

Installation

1. Clone this repository:

   git clone https://github.com/hazreti-ozay/snakeforcan.git

2. Navigate into the project directory:

   cd snakeforcan

3. Install the dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open your browser and visit http://localhost:5173 (or the port specified in your terminal).

🎮 How to Play

• Start/Restart: Press Enter on your keyboard or click the on-screen SELECT button.
• Pause: Press Spacebar/ESC or click the on-screen PAUSE button.
• Steer: Use the D-Pad arrows on-screen, or use WASD/Arrow Keys.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

👨‍💻 About the Author

Designed and developed by

• Portfolio: ozidev.vercel.app
• GitHub: @hazreti-ozay

📄 License

This project is open-source and available under the MIT License.

---

Developed with ❤️ by OziDev