Mecle

Mecle

A daily 5-letter word puzzle game wrapped in a high-fidelity industrial security aesthetic. Crack the encryption code with 6 attempts, guided by glowing mechanical tiles and a tactile keyboard interface. Built with React, Three.js, and Vite for a premium web gaming experience.

Client
Personal Project
Year
2025
Role
Solo Builder
Team
One Man Team
Play project demo
Mecle project preview

The Idea

A deep interest in game mechanics and interactive design led to the exploration of word-puzzle game development. While existing implementations like Wordle demonstrated strong gameplay fundamentals, they lacked the immersive, tactile quality that elevates a casual game into a premium experience. Mecle was designed to bridge that gap-delivering the same compelling puzzle mechanics within a high-fidelity industrial aesthetic that evokes the satisfaction of cracking a mechanical safe, transforming a simple word game into a visually and interactively rich experience.

What It Does

Key features

  1. [01]Hyper-realistic 3D industrial UI design
  2. [02]Metallic tiles with emissive LED glow
  3. [03]Responsive design for mobile/desktop
  4. [04]Modal system for info/stats/settings
  5. [05]RESTful API for word validation

Game features

  1. [01]Interactive 6x5 flippable tile grid
  2. [02]Daily 5-letter encryption challenge
  3. [03]Statistics tracking and streak system
  4. [04]Win/loss detection within six attempts
  5. [05]Hard mode and accessibility options

Snapshot

Mecle project screen 1
Mecle project screen 2
Mecle project screen 3
Mecle project screen 4

Responsive View

Built With

  • React
  • TypeScript
  • Three.js
  • Tailwind CSS
  • Zustand
  • Python
  • FastAPI

MAIN

WORK

RECENT WORK

CONNECT

© 2026 NG SHEN ZHI