Project

Fantastic Beings and How to Match Them

Challenging

27 completions

~ 17 hours

4.1

Learn how to create dynamic HTML tables using CSS decoration, handle mouse events, animate elements, and create your own magical version of one of the most popular and addictive games in the world.

Provided by

JetBrains Academy

About

A mysterious man appeared in New York with a strange suitcase. The next day, the city was filled with strange beings of all sorts. A funny coincidence, isn't it? Creatures are magical; you can't get rid of them with ordinary spells. That's why you have a mission to collect all the creatures back into the suitcase! Create a classic match-three game based on the magical universe to save humanity from these fantastic (and very cute) beings.

Graduate project

This project covers the core topics of the Frontend Developer course, making it sufficiently challenging to be a proud addition to your portfolio.

At least one graduate project is required to complete the course.

What you'll learn

Once you choose a project, we'll provide you with a study plan that includes all the necessary topics from your course to get it built. Here’s what awaits you:

Create a playing board, add all necessary elements to HTML, and decorate them with CSS.

Add some JS-magic to the game and make your map generate automatically.

Add magical creatures on the map. The great Random will help you.

Cast the spell to match the creatures using the magic cursor. Make the creatures disappear and redraw the map after matching.

New creatures should appear on the map immediately after the old ones disappear - let's implement this!

Let's count the points earned and decide who won and who lost!

What is magic without the wow effects? Decorate the game with animations and sounds.

Reviews

Ivan Yachmenov

2 months ago

3.7

what about me - I've learned a lot about JS, working with sounds and animations, also lots of CSS. It was very interesting and funny priject but tests are *** ...

Daniel Wirth

3 months ago

4.3

This project was challenging for me as it connects many topics of frontend development. I needed to learn how to debug a frontend application. I think that will be useful in the future.

Ivan Balihikya

9 months ago

5.0

A very very very challenging project. Glad to build my first game. You should give it a try.

4.1

Learners who completed this project within the Frontend Developer course rated it as follows:

Usefulness

4.5

Fun

4.4

Clarity

3.4