Trackz Intelligence Console
The Arabic-first study tracking platform for MENA university students, engineered from day one with FAANG-grade identity and data-protection standards.
Trackz Realtime Sync Engine (Supabase Broadcast)
Test real-time WebSocket state synchronization: Open this page in two separate browser windows or on mobile. Starting, pausing, or resetting the timer in one window instantly syncs state across all active sessions!
Executive Overview
Trackz is a lightweight, distraction-free study time analytics console built specifically for university students. Originally conceived as StudyTracker, the project was designed because students deserve a better tracking experience than spreadsheets or bloated productivity suites.
Trackz solves a single problem exceptionally well: it monitors your study hours honestly and effortlessly, giving you the real data needed to make smarter academic decisions.
Core Philosophy
Speed First: Every second waiting for a dashboard to load is a second lost. Trackz is built to be fast and memory-efficient on any connection.
Privacy Respected: Your study data belongs to you. We don't sell it or share it with third-party advertisers.
Intentional Simplicity: No bloated widgets or push notifications fighting for attention. Just you, your timer, and your study stats.
Built for Everyone: Out-of-the-box support for English and Arabic (RTL), optimized to run smoothly on low-end devices.
Core Capabilities & Architecture
What makes Trackz uniquely engineered for reliability.
Trackz is engineered for reliability, accuracy, and engagement. It uses a server-authoritative time-tracking engine rather than trusting client-side timers, preventing manipulation.
1. Core Session Engine
Flexible Timer Modes: Long-session, short-session, Pomodoro, and manual logging interfaces.
Server-Authoritative Duration: Client heartbeats are logged every 60 seconds. The server computes true active study time, filtering out client clock drifts.
Focus UI Mode: Hides navigation bars, social cards, and notifications to maintain a high-focus environment.
#### 2. Social & Gamification
Study Groups: Create groups scoped by university or field of study, tracking collective hours and holding group study sprints.
Accountability Partners: Connect with study buddies, initiate synced timer countdowns, and track mutual completion streaks.
Multi-Scope Leaderboards: Redis-cached leaderboards sorted globally, per university, per major, or per city.
- Trophy Room: Unlock achievements and badges for milestone study habits (e.g. Ramadan study sprints, early bird sessions).
Highlights Checklist
- Microsecond event pipeline
- Zero-maintenance edge ingestion
- Privacy-preserving IP hashing
- Native charting dashboards
System Interface & Screenshots
App Pages
Roadmap & Release Path
Trackz — The MVP: Flask, SQLite & Vanilla JS
Building production discipline into a free-tier constraint
Before Trackz became a Next.js platform, it started as a Flask application built under a deliberate constraint: ship on free-tier hosting, with zero budget, while still holding to production-grade engineering standards. The goal wasn't just to make something work — it was to prove that architectural discipline doesn't require infrastructure spend.
Application Architecture
The backend used Flask's Application Factory pattern instead of a global app instance, with routes organized into domain-scoped Blueprints — auth, sessions, groups, dashboard — each acting as its own micro-controller. This eliminated circular imports and made the app instantly portable across environments without rewriting core wiring. Every form submission passed through a strict WTForms validation layer before touching the database, so raw input never reached SQL directly.
Security
Authentication was built around PBKDF2:SHA256 password hashing, CSRF tokens enforced on every mutating request, and HMAC-signed, time-limited email verification tokens (24-hour TTL) generated via itsdangerous. Every protected route was gated behind @login_required, ensuring no unauthenticated request could reach user data.
Localization-First Frontend
The defining technical bet of the project, even at MVP stage: full Arabic RTL support without a duplicate stylesheet. CSS logical properties (margin-inline, padding-inline) let one stylesheet mathematically flip between Arabic and English layouts — no mirrored CSS, no maintenance overhead, and no competitor in the space offering the same depth of Arabic-first design.
Performance Under Constraint
Running on a free-tier host with strict CPU and bandwidth limits shaped every decision. A service worker cached the UI shell client-side for a near-native, PWA-like feel. Inline styles and scripts were extracted into cacheable external files. The result: an app that felt fast and responsive despite running on the most limited infrastructure tier available.
Product Surface
The MVP shipped a full study-tracking core: session logging with Pomodoro and manual entry, study groups, accountability partners, an internal inbox with notification badges, real-time-feeling leaderboards, and an admin panel with full CRUD control over users and content — all built and functioning before a single dollar was spent on infrastructure.
Known Limits — and Why They Mattered
SQLite's single-writer model capped realistic scale around a few thousand concurrent users — a known, accepted tradeoff for an MVP validating product-market fit, not a flaw to hide. Streak logic also carried a hardcoded timezone offset rather than full IANA timezone handling. Documenting that limitation early was what drove the deliberate migration to PostgreSQL and proper zoneinfo-based timezone logic in the production rebuild.
Interested in deploying Trackz?
Contact me to discuss pilots, system specifications, integrations, or source consulting.
Deploy Inquiry