A.P. Skills Snake Game

A snake game which has the story of my current journey as a self-taught dev.

Tech Stack

Typescript ,Styled-Components, NextJs, Redux,

Live Demo

Version 0.5 Alpha https://ap-skills-snake-game.vercel.app/

To Do

High-Priority

• onLoad game calculate one frame value to be subtracted from gameSpeed

Medium-Priority

• getNextPos refactor
• show current presed key in first block/game border, mby person position
• high score/local storage
• option -+ for responsive padding or scale
• preloadedImagesObj types and nonNull
• refactor/types utils
• diferent aspect ratio for small devices
• test for getAllStoryImagesId

Low-Priority

• skills should have diferent inside borders
• make a favicon
• page load resize to smallest sizes or loading effect
• dont collect non desired items "stress/ procrastination, etc"
• fontsource
• color change based on collected items
• sound effects
• gameLayer refactor useEffects

Uncategorized

• snake can eat the last square of itself
• snake should eat move and when move grow

Current working on

• add zone for touch on mobile
• ui size fix
• calc img padding for stroke
• show points in canvas
• set height of ui bigger uISize: { x: 0, y: 0 },
• make media querries if its too smal for mobile