https://github.com/28maksvoid0031/snake-fruit-game-asmr

ASMR Programming of snake-fruit arcade free online game in web dev
https://github.com/28maksvoid0031/snake-fruit-game-asmr

asmr canvas2d css3 gamedev gamedevelopment html5 javascript js netlify problemsolving responsive-web-design snake-game vitejs webdev webdevelopment

Last synced: about 1 month ago
JSON representation

ASMR Programming of snake-fruit arcade free online game in web dev

• Host: GitHub
• URL: https://github.com/28maksvoid0031/snake-fruit-game-asmr
• Owner: 28MAKSVOID0031
• Created: 2025-01-12T13:49:44.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2025-01-12T13:59:32.000Z (about 1 month ago)
• Last Synced: 2025-01-12T20:13:24.925Z (about 1 month ago)
• Topics: asmr, canvas2d, css3, gamedev, gamedevelopment, html5, javascript, js, netlify, problemsolving, responsive-web-design, snake-game, vitejs, webdev, webdevelopment
• Language: JavaScript
• Homepage: https://snake-fruit-game-maks-void-web-dev.netlify.app/
• Size: 12.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Hello, guys! MAKS here. Welcome to my YouTube channel, MAKS The Coder. In this video, I’ll show you how I built a fully responsive Snake Fruit Game using `HTML5`, `CSS3`, and `JavaScript ES6`. The game works seamlessly across devices, including mobile phones, tablets, laptops, and desktops. Watch the entire development process, from coding the game to deploying it on Netlify!  

## 𝐅𝐞𝐚𝐭𝐮𝐫𝐞𝐬 𝐨𝐟 𝐭𝐡𝐞 𝐆𝐚𝐦𝐞:  

✅ Created with semantic `HTML` elements for better `SEO` and accessibility.  

✅ Designed using `CSS` `Flexbox`, `media queries`, and `position properties` for a responsive layout.  

✅ Used JavaScript concepts like `DOM manipulation`, `functions`, `Canvas API`, and problem-solving techniques.  

✅ Built with modern `ES6+ JavaScript` for a modular and efficient structure.  

✅ Interactive gameplay with a snake consuming fruits and dynamic score updates.  

## 𝐓𝐨𝐩𝐢𝐜𝐬 𝐂𝐨𝐯𝐞𝐫𝐞𝐝 𝐢𝐧 𝐓𝐡𝐢𝐬 𝐕𝐢𝐝𝐞𝐨:  

➡️ Using the `` element for 2D rendering (Snake and Fruits).  

➡️ Implementing game logic with arrays and basic Data Structures and Algorithms (DSA).  

➡️ Creating a responsive web design for a great user experience on all devices.  

➡️ Deploying the project to Netlify and testing it live.  

🎯 Whether you’re a beginner or an experienced developer, this video will help you learn new skills and improve your JavaScript and web development knowledge.  

𝐃𝐨𝐧’𝐭 𝐟𝐨𝐫𝐠𝐞𝐭 𝐭𝐨 𝐋𝐈𝐊𝐄, 𝐒𝐇𝐀𝐑𝐄, 𝐚𝐧𝐝 𝐒𝐔𝐁𝐒𝐂𝐑𝐈𝐁𝐄 𝐟𝐨𝐫 𝐦𝐨𝐫𝐞 𝐜𝐨𝐝𝐢𝐧𝐠 𝐭𝐮𝐭𝐨𝐫𝐢𝐚𝐥𝐬 𝐚𝐧𝐝 𝐩𝐫𝐨𝐣𝐞𝐜𝐭𝐬!  

## 𝐋𝐢𝐧𝐤𝐬:  

🌐 Play the Game: [SnakeFruitGame](https://snake-fruit-game-maks-void-web-dev.netlify.app/)

📂 Source Code: [GitHub URL](https://github.com/28032001MRITUNJAYATISHLIPUN28032001/Snake-Fruit-Game-ASMR.git)