SYSTEM ARCHITECT: DEEP DEY

The Anatomy of a
Digital Memory

This isn't just a webpage. It is an interactive, encrypted, and heavily engineered digital experience. Built with React 18, compiled with Vite for extreme HMR speeds, and designed with absolute precision to create unforgettable moments.

The Origin Story

It is easy to assume this massive project was built as a scalable template from day one. It wasn't. The origin of this application stems from a very specific intention around November 2025.

The very first version was created solely for a female school friend—someone considered a sister figure. The idea was simple: a normal text message is forgotten in a day. But a digital footprint, locked behind puzzles and tailored with inside jokes and memories, lives forever on the internet.

The Expansion Protocol

What started as a one-off project quickly showed its potential. Writing hardcoded code for a single person is inefficient. So, the architecture was refactored. The core engine became modular, allowing the system to expand into a platform where multiple people could have unique surprises, isolated by strong password protocols.

V 1.0 Nov '25 (Sister)
Profile Alpha
CORE APP React Router
Profile Beta
Special Case Scenario

The Driptanill Exception

While the system eventually adopted a "90% template rule" to easily create generic links, rules are explicitly meant to be broken for best friends.

Code Overhead

Driptanill's module contains extra elements, custom UI mechanics, and deeper logic layers that do not exist in the base version. It was a partial rewrite to ensure a distinctly personal feel.

Heavy Asset Loading

Unlike text-heavy templates, this integrates real photos and memory timelines. Handling WebP assets smoothly without freezing the React DOM requires complex Vite preloading configurations.

Audio Syncing

The emotional impact is driven by audio. Custom background tracks were mapped to specific scroll events and button clicks, creating a cinematic experience rather than a static read.

Why is the Repository Private?

A common question from fellow developers:
"If this is built with React, why isn't the GitHub repository public?"

Zero Backend Architecture

To keep the deployment lightning fast on Vercel edge networks, there is no database. No API calls are made to fetch data or verify logins.

Hardcoded Secrets

Because there is no backend, every single password, profile config, and personal memory is hardcoded directly into the `.ts` files. Exposing the repo means exposing everyone's private memories and passwords to the world.

src/profileConfig.ts
import { UserProfile, RouteComponents } from './types';
import { Timeline, Cake, FinalMessage, Games } from './components';

// ⚠️ STRICTLY CONFIDENTIAL - DO NOT PUSH TO PUBLIC ORIGIN
export const profiles: Record<string, UserProfile> = {
    // The Public Demo Profile
    "demo@123": {
        id: "demo_user",
        name: "Demo Account",
        enableAudio: true,
        theme: "brand-blue",
        routing: [
            { path: "/games", component: Games },
            { path: "/timeline", component: Timeline },
            { path: "/cake", component: Cake },
            { path: "/final", component: FinalMessage }
        ]
    },

    // Driptanill's Exception Profile (Redacted logic)
    "drip_******": {
        id: "driptanill_og",
        name: "Driptanill",
        enableAudio: true,
        theme: "custom-purple-glow",
        customAssets: ["timeline-2023.webp", "audio_track_7.mp3"],
        routing: [
            /* Custom Override Components */
            { path: "/drip-timeline", component: DriptanillTimeline },
            { path: "/drip-cake", component: CustomCakeV2 }
        ]
    }
};

export const verifyAccess = (inputPass: string): UserProfile | null => {
    return profiles[inputPass] || null;
};

Device & Browser Compatibility

This project pushes the limits of standard mobile browsers. Vite, React 18, and advanced Tailwind CSS backdrop-filters require a modern rendering engine. Check your compatibility below.

Fully Supported

  • Google Chrome (Android/PC) v90+
  • Samsung Internet v15+
  • Microsoft Edge v90+
  • Apple Safari (iOS/Mac) v16+

* Samsung Internet is highly recommended for Android users for the smoothest 60fps animations.

Partial Support

  • In-App Browsers (IG/WhatsApp) Depends on OS
  • Older iPhones (iOS 15) Audio Issues
  • Firefox Mobile CSS Glitches

* Audio auto-play policies on iOS might require you to tap the screen manually to start background music.

Not Compatible

  • Old Safari (iOS 14 & below) Blank Screen
  • UC Browser / Opera Mini Breaks JS
  • Internet Explorer Dead
  • Phones on Extreme Battery Saver Lag/Freeze
CRITICAL: Vite uses ES Modules. Older browsers cannot parse this and will result in a completely white screen. Update your system!

Domain Trust Verification

Official Host: m.qlynk.me via Vercel Edge.

If Deep Dey provided a link on a different Vercel or custom domain, it is 100% safe to execute. The architecture remains secure as long as the link originated from him.

Launch Your Experience

If you have been given a specific password, enter it below to generate your direct access link. This bypasses the manual lock screen terminal.

Your Generated URL

https://m.qlynk.me/?pass=... Open My Surprise

Contact The Architect

Want to discuss the architecture of this application? Connect via the official channels.