مزدور چوک — Mazdoor Chowk Ambient Labor Space
An atmospheric, full-stack interactive digital space designed to capture the unique, nostalgic mood of a dusty morning at a South Asian labor chowk (مزدور چوک). Engineered with Next.js 15.5 and React 19, it integrates vintage soundtrack audio streaming, real-time live presence and multi-user chat via Pusher channels, dynamic dual-orientation vector artwork, film grain overlays, and custom UI components.
🏗️Project Overview & Cultural Concept
Mazdoor Chowk (مزدور چوک) is a creative digital space built to pay tribute to the daily morning gathering of daily-wage laborers at South Asian construction hubs. It blends atmospheric visual storytelling with modern real-time web architecture.
The application sets a calm, reflective tone with hand-drawn artwork showing workers, bricks, tools, bamboo scaffolding, and a roadside tea stall under early morning sunlight—enhanced by an animated CSS film grain overlay and retro audio streaming.
⚡Real-Time WebSockets & Live Presence via Pusher
Powered by Pusher channels, visitors at the chowk can see live active presence counts and interact with everyone else currently hanging out in the space in real-time.
- Stateless presence tracking across global visitors.
- Instant message broadcasting with minimal latency.
📻Vintage Audio Player & Nostalgic Soundtracks
Features a floating retro media bar playing classic vintage tracks (e.g. "Kahin Mujhe Pyar Hua Toh Nahin") alongside ambient radio soundscapes.
- Built with HTML5 Audio API and custom volume controls.
- Remembers playback preferences across sessions.
🎨Adaptive Responsive Art & Urdu Calligraphy
Dynamically serves high-resolution landscape artwork for wide monitors and vertical portrait artwork for mobile aspect ratios, layered with custom Urdu Nastaliq calligraphic headers (مزدور چوک).
🛠️Technical Architecture & Performance
Built using modern React 19 and Next.js 15.5 App Router features to achieve sub-second page loads, crisp Open Graph preview cards, and zero-runtime CSS overhead via Tailwind CSS.
⚡ Framework: Next.js 15.5 (App Router)
⚛️ UI Engine: React 19 & Tailwind CSS
📡 Realtime Engine: Pusher WebSockets Channels
🎵 Audio Streaming: Web Audio & HTML5 Media Elements
☁️ Deployment: Vercel Edge Serverless Platform
🌐Links & Deployment
- 🌐 Live Interactive App: https://deluxe-mazdoor.vercel.app/
- 💻 GitHub Repository: https://github.com/Mudassirdbs/Deluxe-Mazdoor
FROM CONCEPT TO CODE </>
LET'S TURN IDEAS INTO SOLUTIONS
I'm available for full-time roles & freelance projects.
I thrive on crafting dynamic web applications
and delivering seamless user experiences.