>_ Hello World
FRONT-END DEVELOPER
Crafting interactive experiences at the intersection of design and code.
>_ WHO AM I
I'm Vladislav — a self-taught front-end enthusiast from Ukraine, currently building a new life abroad. Coding is my hobby and my way of learning — I spend my free time making things like 3D solar systems, cyberpunk card games, and interactive UIs just because I enjoy it. Everything here was built for the love of it.
>_ GITHUB ACTIVITY
>_ CURRENTLY LEARNING
JavaScript Fundamentals
Arguments Objects & Rest Parameters
via freeCodeCamp
>_ LEARNING TIMELINE
Began learning HTML, CSS & JavaScript from scratch.
Built Vitrum, a glassmorphism chess game — first real project with game logic.
Built Breach OS and Cogsworth (PWA with Service Workers), then shipped Libra, Orrery, GrowFlow, and TimeFlow (first React + Vite app).
Currently learning JavaScript fundamentals in depth and planning a small Go backend experiment.
>_ ACHIEVEMENTS UNLOCKED
NOV 2025
I'd just started learning HTML, CSS and JavaScript and wanted a place to practice on real things instead of just exercises. The cyberpunk aesthetic felt like a fun way to stay motivated — every new section became an excuse to learn something.
MAR 2026
Vitrum is a glassmorphism chess game and my first project that needed real logic: move rules, castling, en passant. It taught me to think in terms of application state, not just page appearance.
APR 2026
Breach OS is a cyberpunk memory game with a mission system, and Cogsworth is a steampunk Sudoku that's installable as an app thanks to a Service Worker. This is where I first wrapped my head around offline-first caching.
APR 2026
TimeFlow is my first React + Vite app (a weekly-calendar appointment tracker), and GrowFlow is a finance tracker with Chart.js graphs. Together they taught me hooks, component state, and working with a build tool.
JUL 2026
Trailune is a local-only travel tracker: trip journals, packing checklists, and a world map of visited countries. It's my first build with SvelteKit and TypeScript — I learned reactive stores, file-based routing, and static types that caught bugs before the browser ever saw them.
JUL 2026
Voidarium is an animated galaxy map with click-to-travel navigation: black holes, supermassive stars, cosmic voids. The hardest part was getting pan, zoom, and a convincing sense of cosmic scale right using nothing but the vanilla Canvas API — zero dependencies.
JUL 2026
I pulled this portfolio's neon aesthetic — tokens, glow/glitch/scanline effects, and components — out into a standalone, zero-dependency CSS package. It taught me to think like a library author: namespace every class, make glows theme-aware with RGB tokens, and package it all for npm with no build step.
AUG 2026
I took the cyberpunk-ui palette into an Obsidian theme and learned that neon on black is a poster palette, not a reading one. Accents stayed on headings and links; prose went calm. The contrast checker holds muted text and syntax colours to 4.5:1 rather than the looser 3.0 — a code comment is still text somebody parses. Two bugs only showed up once I opened it in Obsidian itself: the focus ring drew a box around the entire editor, and headings changed shape the moment the cursor entered them.
CSS Animations • Fallout Terminal • Web Audio API
9 planets · Web Audio API · 60fps
3D orrery with Fallout 3-style terminal and typewriter sounds
>_ Learned 3D CSS transforms and orbital mechanics with the vanilla Canvas API
Neon Design • Fallout Terminal • Progress Tracking
LocalStorage sync · Progress tracking
Futuristic book tracking with terminal interface and sound effects
>_ Learned localStorage CRUD patterns and how to build a terminal-style UI from scratch
JavaScript • CSS Animations • LocalStorage • Mission System
6 missions · 120+ card pairs
Cyberpunk-themed memory card game with missions and neon effects
>_ Learned game loop logic and CSS card-flip animation sequencing
JavaScript • PWA • Steampunk Design
PWA installable · 5 rank tiers
Steampunk-themed Sudoku with rank system, survival mode and nixie tube UI
>_ Learned Sudoku constraint-solving algorithms and PWA Service Worker caching
NEW
React • Vite • CSS Modules
Weekly view · Appointment scheduling · Event management
React-powered appointment tracker with weekly calendar and neon cyberpunk UI
>_ First React project — learned hooks, component state, and the Vite build tool
NEW
Vanilla JS • Chart.js • LocalStorage
Income & expense logging · Balance tracking · Growth charts
Personal finance tracker with neon dashboard and interactive Chart.js graphs
>_ Learned Chart.js data visualization and financial calculation patterns
JavaScript • CSS Glassmorphism • Game Logic
Full chess rules · Touch support
Elegant glass-themed chess game with smooth animations
>_ Learned chess piece movement rules and CSS transition choreography
SvelteKit • TypeScript • LocalStorage
Trip journals · Packing checklists · World map of visited countries
Local-only travel tracker with trip journals, packing checklists, and a world map of visited countries
>_ First SvelteKit + TypeScript build — learned reactive stores, file-based routing, and typed data models
Vanilla JS • Canvas API • Zero Dependencies
Click-to-travel navigation · Explorable galaxies · Black holes & supermassive stars
Interactive animated galaxy map — a spinning canvas universe with click-to-travel navigation, black holes, and supermassive stars
>_ Learned canvas pan/zoom math and how to fake convincing cosmic scale with zero dependencies
NEW
Vanilla CSS • Design Tokens • Zero Dependencies
npm i @laddtnov/cyberpunk-ui · Neon tokens · Glow/glitch/scanline effects · WCAG light theme
My first npm package — a cyberpunk CSS kit with neon tokens, glow/glitch/scanline effects, and components, zero dependencies
>_ First published npm package — learned CSS namespacing, theme-aware token architecture, and the npm publish pipeline
NEW
Vanilla CSS • Design Tokens • Zero JavaScript
In Obsidian's community catalog · WCAG-checked contrast · Latin + Cyrillic fonts embedded
An Obsidian theme built on the cyberpunk-ui palette — neon on near-black, a real light mode, embedded Latin and Cyrillic fonts, zero JavaScript
>_ Learned that a poster palette and a reading palette are different problems — and that some bugs only appear inside the app
Dedicated case-study pages per project, plus a devlog documenting what's being learned along the way.
In planningReady to build something amazing together?
— OR REACH ME DIRECTLY —
[ SYSTEM SETTINGS ]