DEV Community

Cover image for Free Brain Training with Angular
Heiko Spindler
Heiko Spindler

Posted on

Free Brain Training with Angular

For fun and learning, I created an endless generator for Brain Training Exercises with Angular. As a Java developer mostly working on backend projects Angular became a kind of second love. I started a few years ago and created some simple tests and prototypes. In 2016 a first full-time Angular project for a major airline that built a new booking application with Angular gave me the chance to learn a lot of good practice.

A few months ago, I reactivated an old project and updated it to the current Angular version.

Basic framework facts

  • Angular 17 + Angular Universal

  • Bootstrap 5 +
    With a self-developed extension for a masonry layout.

  • Translation (ngx-translate)
    The application and all brain puzzles are available in English and German language. You can switch the language at the bottom of the page.

The English version can be found at: https://puzzles.brainsporthero.com

The German version is published on the Domain: https://denksport.hirnsport.de

Highlights about the puzzles and brain training exercises.

Letter Chaos
Find the correct word for the letter chaos.

Brain Puzzle Letter Chaos

Country Quiz
Identify Countries according to the borders

Country Chaos Quiz
Identify countries according to the borders that are drawn over each other.

Brain Training Country Chaos

Be sure to have a second look because the shapes of the borders in both exercise types could be rotated and zoomed. The relative sizes could be misleading.

Flag Quiz
Find the correct name of the country flag that is depicted in the puzzle.

Quiz Identify the country Flag

Missing Flag Quiz
Three flags are shown. And one is missing. Can you identify the flag that mission according to the presented four answers with country names?

Solve the puzzles to keep your memory, logical thinking, math, and language skills in good shape. Have fun and send me your ideas for more and new exercises and features.
The list shows only a small subset of features I plan to add in the next month. Have fun and get ready for endless exercises.

In the web performance tool from Google Chrome (Lighthouse), the application reached a performance score of 95%.

Lighthouse Performance Brain Training App

Features

Here are some features I will create in the coming versions in the next months:

  • More exercises: I want to connect a quiz database.
  • Track the score: Count the correct solved brain puzzles.
  • Store score and current selected filters in locale browser store.

If you have some ideas about cool features send me a message or add a comment.
Have fun and keep your brain in good shape!

Top comments (0)