VelocityPro - Internet Speed Test

A modern, advanced internet speed test application with real-time measurements and global leaderboards

Launch System

TypeScriptNext.js 15React 19Firebase FirestoreTailwind CSS v4Framer Motionlucide-reactVercel

🔒 speed.tamiz.pro

Click to Expand

DeploymentCloudinary + CDN

AccessPrivate

Codebase632 KB

Stack8 Technologies

The Challenge & Bottleneck

Core Problem Statement

"Users need an accurate, modern way to test their internet speed and understand connection quality. Existing speed test tools are often outdated, lack real-time visualization, or don't provide meaningful context for different use cases like gaming, video calls, and 4K streaming."

Engineered Solution

Architectural Implementation

Client-server Next.js application with Firebase Firestore backend. The frontend (React 19, TypeScript) handles real-time speed testing via API endpoints for download/upload/ping measurements. Cloudflare's edge network provides global test server distribution. Firebase Firestore manages shared leaderboard data and test history. API routes proxy connection info and provide self-hosted speed test endpoints.

Engineering Deep Dive

Detailed review of tradeoffs, database models, scaling strategies, and microservices

Structural Trade-offs & Decisions

Firebase Firestore provides managed real-time leaderboards but limits deep analytics. Cloudflare's edge network ensures global accuracy but introduces external dependency. Client-side speed testing prioritizes user experience over server-controlled precision. Real-time visualization trades performance for engaging UX.

Context & Constraints

Next.js 15 App Router for modern routing
React 19 with latest hooks and features
Firebase integration for real-time data sync
Cloudflare edge network for global coverage
Tailwind CSS v4 alpha for advanced styling
TypeScript for type safety throughout
Vercel deployment for serverless infrastructure

Database Modeling & Storage Strategy

Firebase Firestore collections: 'speedtests' (test results with userId, speeds, latency, timestamp), 'leaderboard' (aggregated stats by ISP/location), 'users' (profile info). Denormalized structure for fast queries. Real-time listeners on leaderboard for live updates. Composite indexes for filtering by ISP, speed range, and date ranges.

Scaling Plan & Performance Roadmap

Utilize Firestore's auto-scaling on collection reads/writes. Implement caching layer for leaderboard aggregations. Edge functions for regional data processing. Add read replicas for high-traffic regions. Batch CSV exports to prevent memory spikes. Consider Firestore sharding if single collection exceeds 10M documents.