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

About Author Dr. Michael Jurgen Garbade is the founder of LiveEdu.TV, Kyuda, Education Ecosystem. He is future Venture Capitalist, Future Politician and always on the lookout for the Next Big Challenge. Obtained Masters in business administration and physics, and a Ph.D. in finance with professional work experience in high-paced environments at Fortune 500 companies like Amazon and General Electric. Expertize: Python, PHP, Sencha Touch & C++, SEO, Finance, Strategy & E-commerce. He speaks English and German and has worked in the US, Europe, and Asia. At Education Ecosystem he is the CEO and runs business operations.
Related posts
Coding Community

25 New Things Every Python Engineer Should Know in 2020


Education Ecosystem to Present and Exhibit at the SXSW Edu Conference

Career DevelopmentContent Creators

Meet Yuzby, An Inspiring Developer From Nigeria

Data Science

R Tutorial for Data Science Part 1