Vue 3SPA
Aleks
Aleks is an interactive math practice web app built with Vue 3 and Vite, designed to help children strengthen arithmetic skills through gamified weekly challenges. It includes instant feedback, visual learning modes (number line and 1–100 number grid), and local progress tracking with star-based achievements.
Aleks is a child-friendly educational web application focused on making early math practice engaging, visual, and motivating. The app is structured into progressive weekly modules covering addition, subtraction, and mixed operations, then expands into interactive formats like number-line problem solving and a 1–100 missing-number grid. During each session, learners answer questions through a custom numeric keypad and receive immediate visual feedback (correct/incorrect states, motion cues, and celebratory effects for strong performance), which keeps the experience playful and rewarding. A dashboard summarizes progress with stars and achievement badges, while results are saved locally using IndexedDB so users can continue tracking performance over time without requiring a backend. Built with Vue 3, Vite, and modern component-based architecture, Aleks demonstrates practical frontend skills in UI/UX design for education, state-driven interaction flows, reusable components, and offline-first data persistence.