A Simple Snake Game Created with The React

react-simple-snake

A simple snake game created with the React framework.

Demo

A demo is available here.

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.

Download Details:

Author: MaelDrapier

Source Code: https://github.com/MaelDrapier/react-simple-snake

#react #reactjs #javascript