SaaS Web Platform

WCA-compliant speedcubing platform & precision analytics

Built for competitive speedcubers and the Cubelelo community, Upcube combines a sub-millisecond event loop timer, algorithmic puzzle scramblers, and real-time solve performance analytics in an offline-first web app.

Visit live project Start your project

SaaS Web Platform

Speedcubing & Puzzle Tech

Project snapshot

High-performance digital speedcubing platform featuring WCA-compliant scramble algorithms, sub-millisecond precision timing, and interactive solve analytics.

⏱️ 6 weeks🛠️ Full-Stack Web App📦 6 Deliverables🌐 Live Production

Sub-msTimer precision

60 FPSInspection render

6 WeeksDelivery timeline

The brief

What the project needed to solve

Every build begins with practical business constraints, user demands, and technical goals.

Project context

Competitive speedcubers require millisecond-level precision timing, instant puzzle scramble visualization, and detailed statistical tracking across multiple solve sessions (Ao5, Ao12, Ao100). Off-the-shelf web timers often suffer from browser frame drops, inaccurate spacebar inspection handling, and poor mobile responsiveness.

Bharat Consultancy Services engineered Upcube as a modern, high-performance web platform tailored for Cubelelo. We built a dedicated timer engine with requestAnimationFrame precision, integrated official WCA scramble algorithms with 2D/3D state previews, and created a responsive analytics dashboard for training and tournament practice.

Key engineering challenges

Eliminate timing drift and input latency during high-speed spacebar or touch inspection release.
Integrate complex WCA puzzle scramble generators (3x3 to 7x7, Megaminx, Pyraminx) without bloating initial page bundle size.
Support seamless offline practice via IndexedDB caching with instant solve recovery on accidental page refresh.
Deliver smooth 60 FPS statistical charts and distribution histograms across sessions with thousands of recorded solves.

Delivery milestones

Requirements scoping & WCA competition timer rule alignment
Timer engine development & precision latency benchmarking
Scramble generation & canvas rendering integration
Statistics dashboard, session storage & mobile touch optimization
Production release & integration with Cubelelo ecosystem

Technical approach

Architecture & solution tracks

How we structured the systems, engineering workflows, and product layers from design to deployment.

Engine Architecture

Decoupled High-Precision Timer Loop

Engineered the timer using an independent requestAnimationFrame loop synchronized with performance.now() timestamps. Kept heavy state updates off the animation thread to ensure zero visual stutter or input latency during critical start/stop events.

Algorithms & State

WCA Algorithmic Scramble Engine & Canvas Previews

Integrated modular puzzle scramblers (tnoodle-scramble, cross solver, mathlib) with dynamic code splitting. Generated official notation alongside real-time 2D/3D canvas previews for accurate cube inspection before solves.

Analytics System

Real-Time Solve Analytics & Session Tracking

Designed a high-density statistics dashboard computing rolling averages (Ao5, Ao12, Ao100), standard deviations, and CFOP phase breakdowns (Cross, F2L, OLL, PLL) with exportable session summaries.

Offline-First Storage

IndexedDB Session Persistence & Mobile Touch Controls

Implemented client-side persistence using IndexedDB with optimistic local updates. Added mobile-optimized dual-hand touch inspection zones to simulate physical competition stackmats.

What shipped

The assets, systems, and capabilities behind the build

A strong project outcome depends on what actually gets delivered, not just high-level screens or concepts.

Core Deliverables

WCA-compliant precision timer with spacebar hold-to-ready and touch pad triggers
Multi-puzzle scramble generator (3x3, 4x4, 5x5, Pyraminx, Megaminx) with canvas inspection views
Session analytics dashboard calculating rolling Ao5/Ao12/Ao100 averages and solve trends
CFOP phase split tracker and personal best record management
Offline-first IndexedDB persistence engine with zero data loss on browser refresh
Responsive landing pages and community onboarding funnel for Cubelelo users

Tech Stack & Tools

Next.js 15 & React 19
TypeScript & Modern ES2024
Tailwind CSS & Radix UI
Web Workers & Performance.now() Engine
WCA TNoodle Scramble Libraries
IndexedDB Local Storage Architecture

Measurable Impact

Sub-millisecond timer accuracy with zero frame drops during competitive solves
Over 5+ puzzle categories supported with official WCA scramble visualizers
Instant local session recovery ensuring cubers never lose solve logs during training
Shipped to production in 6 weeks with positive community adoption from Cubelelo users

Outcome

Upcube in one line

Upcube provides Cubelelo and competitive speedcubers with a tournament-grade web timer, rich solve analytics, and instant puzzle scramble previews that perform flawlessly across both desktop and mobile devices.

More work

Related project case studies

Explore the other builds featured on the Bharat Consultancy Services homepage.

Contifi

Market Intelligence PlatformFinancial Research & Analytics⏱️ 10 weeks

Institutional market intelligence platform delivering real-time financial news filtering, regulatory filings analysis, and executive sentiment dashboards.

Read case study & deliverablesLive project available

AIRA Movie Revenue Intelligence

Analytics & AI DashboardFilm Production & Media Distribution⏱️ 8 weeks

Predictive box-office analytics and revenue intelligence dashboard unifying theatrical collections, OTT streaming valuations, and predictive lifetime gross modeling.

Read case study & deliverablesPrivate client build

OpenSim 3D Biomechanics Web Viewer For ForgeLabs.in

3D Web & BiomechanicsDigital Health & Motion Science⏱️ 7 weeks

High-performance Python-to-WebGL conversion pipeline translating complex OpenSim musculoskeletal models into lightweight interactive 3D browser simulations.

Read case study & deliverablesLive project available