Career DevelopmentCoding Community

Project Tutorial: How To Create A Snake Game In React


Maxim-Filimonov is a social entrepreneur with over a decade of working experience. His primary experience is in the software development industry where he worked with start-ups, global consultancies, and corporate products. He is also active on and loves streaming premium content. Right now, he is working as a teacher on with an aim to make students experts in full stack web development using JavaScript.

The project that he will work on is “How To Create A Snake Game In React.” This project is in TEACHING mode. It is a live and real-world project. This means that you can interact with the streamer and communicate with them directly using chat. Got stuck? Just go ahead and ask him questions.

  • Starting Date: Tuesday, 9th May 2017
  • Schedule: Weekly 9 am EST New York time on Tuesday, Friday

What is the project about?

Do you love playing snake games? Well, if you do, now is the time to create one in React. The project will cover all the detail that is necessary to develop a snake game in React using JavaScript successfully. Initially, the streamer will go forward and configure the working environment. Once done, he will move to advance concepts such as state management, memory management, etc. The last part is to add the user interface and make the game as interactive as possible.

For who is the project aimed at?

The project is aimed at learners who want to start GameDev. Anyone who is also interested in learning React or “How to create a snake game” can also benefit from the course. To completely enjoy and learn at the same time, the viewer should have a basic understanding of HTML/CSS, basic JavaScript, and basic React knowledge. If you are a complete beginner, the course is not for you. You need to meet the basic requirement before you can start with the tutorial.

The most important thing that you need to excel at this project is the desire to learn.

The target audience for the course:

  • Learners who want to learn how to build a game in functional style
  • You want to learn how to build a game in JavaScript
  • You want to learn how to use React for Game Development

What will you be able to do after you finish the course?

After you complete the tutorial, you will be able to build games using React or games in general. This is extremely useful for budding game developers who want to dive deep into game development. You can take the skills learned from the course and use it build something new and unique.

The Curriculum

Session 1: Setting up the Environment

  • Project overview and tools used
  • Setting up the programming environment for Mac

Shared Settings GitHub repo

Session 2: Snake Game Logic

  • Game grid implementation
  • Snake basic movements
  • Growing snake from food and obstacle detection

Session 3: Adding User Interface

  • Render loop
  • Drawing snake with tail
  • Drawing food and growing snake

Session 4: Improvements – refactoring and algorithms improvements

If you are interested in becoming a GameDev, the course can give you a good headstart for the journey. With the knowledge gained from the course, you can become a better GameDev and improve your overall skills. Snake game is one of the legendary games and should be learned irrespective of your current skills.

To watch and learn, you need a LiveEdu Pro subscription. With just the subscription, you will not only be able to learn from this tutorial but also get access to other Premium Project Tutorials.

About author

I, Dr. Michael J. Garbade is the co-founder of the Education Ecosystem (aka LiveEdu), ex-Amazon, GE, Rebate Networks, Y-combinator. Python, Django, and DevOps Engineer. Serial Entrepreneur. Experienced in raising venture funding. I speak English and German as mother tongues. I have a Masters in Business Administration and Physics, and a Ph.D. in Venture Capital Financing. Currently, I am the Project Lead on the community project -Nationalcoronalvirus Hotline I write subject matter expert technical and business articles in leading blogs like,, Cybrary, Businessinsider,, TechinAsia, Coindesk, and Cointelegraph. I am a frequent speaker and panelist at tech and blockchain conferences around the globe. I serve as a start-up mentor at Axel Springer Accelerator, NY Edtech Accelerator, Seedstars, and Learnlaunch Accelerator. I love hackathons and often serve as a technical judge on hackathon panels.