KOALOG

A lightweight fitness training app built with Next.js and TypeScript, offering fast real-time workout logging, customizable planned sessions, and automatic tracking of volume, duration, and RPE—all in a sleek, responsive interface.

Role:Frontend Developer
Duration:1 month
Status:Progress
KOALOG

Project Overview

Koalog is a modern fitness training tracker designed to streamline the way users plan, log, and review their workouts. Built with Next.js and TypeScript, the application combines real-time workout logging with structured training planning to support a wide range of fitness routines.

The project focuses on providing a smooth and intuitive user experience, offering two complementary training modes: Fast Start, for spontaneous workout sessions with live tracking, and Planned Training, for users who prefer to pre-build their routines. Throughout both modes, Koalog automatically tracks essential metrics such as total volume, series count, workout duration, and RPE.

A key challenge in this project was implementing a fully interactive training interface without relying on a backend. All workout data is persisted in the browser via sessionStorage, enabling a fast, client-side-only experience. The interface is designed for clarity and ease of use, with modals, tooltips, and responsive design ensuring the app feels polished across all devices.

Koalog serves as a demonstration of my skills in UI architecture, state management, client-side persistence, and building user-centered features within a modern frontend framework.

Key Features

Dual Training Modes
Real-Time Tracking
Advanced Training Planner
Unified Training Management
Session-Based Data Persistence
Modern,Responsive Design
Workout Statistics

Technologies Used

Next.jsTypeScriptSessionStorageTailwind CSS