---
title: "1-2-3 Logic: Visual Puzzles for Early Learners"
description: "An educational web game that builds logical thinking and visual reasoning with short, emoji-based pattern puzzles."
author: "Carlos Luengo Vera"
date: "2025-05-18"
lang: "en"
category: "Projects"
tags: "education, react, game, 1-2-3 edu"
canonical: "https://carlosluengo.com/blog/123-logic"
image: "https://media.carlosluengo.com/blog/123-logic/202505_logic-b225f02a38-og.jpg"
---
# 1-2-3 Logic: Visual Puzzles for Early Learners

> An educational web game that builds logical thinking and visual reasoning with short, emoji-based pattern puzzles.

**Project type:** Educational logic game
**Technologies:** React, Tailwind CSS, Vite, i18n, LocalStorage
**Role:** Product design, UX/UI, frontend development

![1-2-3 Logic logo](https://media.carlosluengo.com/blog/123-logic/123logic-logo-e5373cde87-1024.webp)

## Overview

**1-2-3 Logic** is a web game that builds logical thinking and visual reasoning in early learners through short, colourful, emoji-based puzzles.

The interface is clean and the challenges get harder step by step. Children complete visual patterns, sequences and logic problems that ask them to observe, predict and reason.

## Key features

- **Pattern recognition** with emojis, shapes and colours
- **Progressive challenges** of increasing complexity
- **Local progress tracking** for self-paced learning
- **Minimal, accessible design** focused on clarity
- **i18n-ready** for several languages
- **Responsive** on desktop and mobile

## Screenshots

![1-2-3 Logic promotional artwork](https://media.carlosluengo.com/blog/123-logic/1-2-3-logic-promo-feec3e6621-1024.webp)

![A pattern recognition question](https://media.carlosluengo.com/blog/123-logic/202505_01logic-b4828fed6e-1600.webp)

## What's next

- More game types: sequences, odd-one-out, visual sudoku
- Difficulty that adapts in real time
- Player profiles and avatars
- Progress charts and exportable results

## Try it

[Play at 1-2-3-logic.vercel.app](https://1-2-3-logic.vercel.app)

1-2-3 Logic is part of **1-2-3 EDU**, together with [1-2-3 Math](/blog/123-math).

---

Author: Carlos Luengo Vera — https://carlosluengo.com/about