react-simple-snake

A simple snake game created with the React framework.

View Demo View Github

Installation

To add it to your react app

  • npm install react-simple-snake

To launch the development server

  • git clone https://github.com/MaelDrapier/react-simple-snake.git
  • cd react-simple-snake
  • npm install
  • npm start

Dependencies

This project needs react to operate. Install it with npm install react


Usage

To import it in your component

import Snake from 'react-simple-snake'

export default function YourComponent() {
  return(
    <div>
      <Snake />
    </div>
  )
}

Props

All props are optional

Prop Type Default value Description
width number window.innerWidth / 2.5 The width of the game board, must be > 180
startSnakeSize number 6 The starting size of the snake
snakeColor string random The color of the snake
appleColor string random The color of apples

How to play

You can move the snake with the arrow keys or W / A / S / D.

High-Score

The highest score is saved locally in the browser's local storage, in a snakeHighScore field.

GitHub