Project Overview

Katla is an engaging, daily word-guessing game meticulously crafted for the Indonesian-speaking audience. Inspired by the global phenomenon "Wordle," Katla challenges players to deduce a five-letter Indonesian word within six attempts. The vocabulary is officially sourced from the Kamus Besar Bahasa Indonesia (KBBI), the official dictionary of the Indonesian language. This project is a sophisticated adaptation of a popular concept, engineered with a modern tech stack, Next.js, and Vite to deliver a high-performance, seamless, and educational user experience.

Core Features

• Classic Gameplay, Localized Content: Players get six chances to guess a hidden five-letter word with color-coded feedback (green, yellow, gray).
• Authoritative Word Database: Utilizes a curated word list from the official Indonesian Dictionary (KBBI) via the hendrasan/wordle-id repository.
• Minimalist and Responsive UI: The clean, intuitive interface offers a flawless experience across all devices, from desktops to smartphones.
• Dark Mode: A user-selectable dark mode is available for enhanced visual comfort during gameplay in low-light environments.

Technical Implementation and Architecture

This project serves as a compelling case study in leveraging modern frontend technologies to build interactive and performant web applications.

• Framework:Next.js was selected for its powerful Server-Side Rendering (SSR) and Static Site Generation (SSG) capabilities.
• Build Tool:Vite was utilized during development to enable instantaneous Hot Module Replacement (HMR), accelerating the development workflow.
• Word Management & Validation: User inputs are validated against the comprehensive KBBI word list integrated into the application's logic.
• Linguistic Processing: The project integrates the Sastrawi library (sastrawi/sastrawi), a high-quality stemming algorithm for the Indonesian language, showcasing a commitment to robust language processing.

🎯 Version 2 - June 20, 2025

• Authentication & Profiles
  • Sign up/login with email and password
  • Customizable user profiles with avatars
  • Achievement tracking and display
  • Secure data storage in the cloud
• Advanced Statistics
  • Performance trend charts
  • Guess distribution analysis
  • Time-based analytics
  • Detailed game history tracking
• Leaderboards
  • Global rankings (top 30 players)
  • Real-time score calculations
  • User rank display
  • Multiple timeframe views

Version 1 - June 8, 2025

• Game Mechanics:
  • 5-letter Indonesian word guessing with 6 attempts
  • Color-coded feedback system (green/yellow/gray)
  • Daily word refresh at midnight WIB timezone
  • Input validation for Indonesian words only
• Statistics & Progress:
  • Games played, win percentage, current/max streak
  • Guess distribution visualization
  • Persistent local storage for game state and stats
  • Next game countdown timer

Conclusion

Katla is more than a game; it is a celebration of the Indonesian language presented in a modern, engaging digital format. Built on a solid technical foundation of Next.js and Vite and supported by reliable linguistic resources, this project successfully demonstrates how a global concept can be thoughtfully localized. It stands as a testament in my portfolio to my capability in developing full-stack web applications with a strong focus on user experience, performance, and meticulous engineering.