School projectSince 2024

Biologická poznávačka

A school project that grew into a study tool. Photos of plants and animals, and flashcards to practise with.

Visit the sitebiologie-delta.vercel.app
biologie-delta.vercel.app
The home screen of Poznávačka, with cards for three species and a button to start practising.
Year
Since 2024
Type
School project
My role
Design and build
Built with
  • Next.js
  • TypeScript

Who it is for

Poznávačka is for anyone learning to recognise the plants and animals of Czech nature, mostly students before a biology test. It is free, needs no sign-in, and runs in the browser on a computer or a phone.

It started as a school project. The first version, in spring 2024, only knew plants in eight categories and looked like a default template. Today's version was built again, with animals, a practice mode and the same visual style as this portfolio.

The idea

Nobody learns for an identification test by reading a list. You have to see the photo and try to remember.

Biology classes here have identification tests: the teacher shows a plant or an animal and the student writes down what it is. The textbook gives you a list of names, but the test asks the other way round, from the picture to the name.

So the site works like the test. It shows the photo and gives the name away only once the card is turned over, so whoever is studying actually has to remember instead of just reading.

How I built it

biologie-delta.vercel.app
The practice settings in Poznávačka: scope, round length and categories.

A round shaped to what you are studying

Before each round you choose what to practise: plants, animals or both, rounds of 10, 20 or 40 cards or all of them, and the specific groups and families. The cards are shuffled only when the round starts, so the order cannot be memorised.

biologie-delta.vercel.app
A Poznávačka flashcard showing a flower, with buttons for knowing and not knowing it.

What you miss comes back

The card shows the photo and keeps the name hidden. If you know it, you mark it as known. If not, you say so and the card comes back in the next round, so the deck narrows down to what you still get wrong.

biologie-delta.vercel.app
The category index in Poznávačka, plants in mint and animals in yellow.

Two kingdoms, seventeen categories

Plants and animals each have their own part of the site, split into 17 categories from mosses to vertebrates. Every category has its own page of photos, so you can learn group by group instead of all of biology at once.

The small things

  1. 01

    Search from the keyboard

    Any species can be found with the ⌘K shortcut, without clicking through the categories.

  2. 02

    A colour for each kingdom

    Plants are mint everywhere and animals are yellow, so you can tell them apart without reading.

  3. 03

    No account

    Nothing to sign up for and nothing to pay. Open it and start.

  4. 04

    A link straight to a category

    Every category has its own address, so you can send a classmate a link straight to the ferns.

  5. 05

    A taste on the home page

    A few species from the gallery are right on the home page, so you can see what the photos are like before practising.

  6. 06

    The same design as this portfolio

    Poznávačka uses the same typefaces, colours and buttons as this site. One design system across two projects.

Colour and type

The same visual language as this portfolio: paper white, ink black, cobalt for buttons, mint for plants and yellow for animals. Headings and text are set in Archivo, labels and numbers in Martian Mono.

Colours

Type

  • ArchivoHeadings and text
  • Martian MonoLabels and numbers

By the numbers

cards
303
categories
17
and no sign-in
Free

Let's get to it.

Got a project, a collaboration or just a question? I usually reply within a day.

Email me