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

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
- [01]Hyper-realistic 3D industrial UI design
- [02]Metallic tiles with emissive LED glow
- [03]Responsive design for mobile/desktop
- [04]Modal system for info/stats/settings
- [05]RESTful API for word validation
Game features
- [01]Interactive 6x5 flippable tile grid
- [02]Daily 5-letter encryption challenge
- [03]Statistics tracking and streak system
- [04]Win/loss detection within six attempts
- [05]Hard mode and accessibility options
Snapshot
.webp&w=3840&q=75)
.webp&w=3840&q=75)
.webp&w=3840&q=75)
.webp&w=3840&q=75)
Responsive View
Built With
- React
- TypeScript
- Three.js
- Tailwind CSS
- Zustand
- Python
- FastAPI