The Vision
I believe the web deserves the same level of craft and intentionality as a cinematic production. Every line of code, every pixel — it all tells a story.
Feldora is a digital universe crafted at the intersection of technology, creativity, and cinematic storytelling. A living showcase where modern web technology meets bold visual design — a space for stories, experiments, and digital craftsmanship. Built with cutting-edge tools yet designed to be maintainable by a single developer who is passionate about pushing the boundaries of what a personal website can be.
Design & Architecture
Feldora draws its visual DNA from the cinematic language of game studios like Riot Games — angular, bold, geometric — but implemented with restraint. Every pixel is deliberate. Every interaction tells a story. We don't build websites — we craft digital experiences that resonate with the same intensity as a cinematic masterpiece.
The design language is built around geometric precision: polygon-clipped cards, diamond markers, hexagonal badges, and parallelogram buttons replace the rounded corners of conventional UI. A dark-only theme with dual-tone accents (purple for interaction, orange for decoration) creates a futuristic atmosphere that feels premium and immersive without relying on GPU-heavy effects.
Performance is never sacrificed for aesthetics. All animations are CSS-only — zero runtime animation libraries. Visual storytelling elevates the experience beyond conventional design, but every decorative element is measured against its performance cost. The result: a cinematic experience that loads in milliseconds.
Development Philosophy
Every architectural decision in Feldora is guided by four pillars. Security & privacy come first — environment variables are never exposed without explicit intent, and all third-party integrations follow the principle of least privilege. High performance & lightweight is non-negotiable — SSR by default, automatic code splitting, lazy loading, and a production bundle with only 8 dependencies.
The codebase prioritizes modular & scalable design — reusable components (StoryCard, LogCard, Skeleton, ErrorState, Toast), structured folder architecture, and clear separation between UI, data layer, and routing. TypeScript strict mode enforces correctness at compile time rather than catching bugs in production.
Maintainability is a feature, not an afterthought. Consistent naming conventions, centralized copywriting, a single source of truth for design decisions, and informative error handling enable rapid debugging. The platform is built on modern foundations — React 19, TanStack Start, Vite 7 — embracing the evolving web platform rather than locking into legacy patterns.
Update Log
Dark/Light theme toggle with CSS Variables
Dual theme support via CSS Variables (RGB space-separated + Tailwind alpha-value). Light mode: warm parchment fantasy style. Toggle in navbar, persists to localStorage. Flash-prevention script in head.
Local Weather Forecast V3.3 — Four Independent Neural Networks
V3.3 experiment: 4 independent NNs (one per slot) with own embeddings. Tests slot specialization vs shared representation. Result: no improvement over V3 shared architecture (~64% F1, 242 KB).
Local Weather Forecast V3.1 — Capacity & Regularization Experiment
V3.1 experiment: larger network [128,64,32] + embedding dim 16. Includes dropout + weight decay test. Result: no meaningful improvement — confirms data/feature bottleneck, not model capacity.
Local Weather Forecast V3 — First Neural Network (Shared MLP)
New AI module: Shared MLP with location embedding (dim=8) + cyclical temporal encoding. 64 KB model, Macro F1 64.16% — beats V2.5 (63.1%) at 5× smaller size. Pure TS training pipeline.
Device compatibility badges on playground module cards
Each module card now shows Desktop and Mobile compatibility badges (smooth/limited/unsupported) with hover tooltips. Defined as required field in moduleRegistry. AI Upscaler disclaimer updated with performance lag warning.