>_ Hello World

I'M LADDTNOV

FRONT-END DEVELOPER

Crafting interactive experiences at the intersection of design and code.

ABOUT ME

Cyberpunk avatar representing Vladislav Novytskiy

>_ 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.

Self-Taught Cyberpunk UI Interactive Web Game Dev Learning Every Day

>_ CURRENTLY LEARNING

IN PROGRESS

JavaScript Fundamentals

Arguments Objects & Rest Parameters

via freeCodeCamp

>_ LEARNING TIMELINE

  1. NOV 2025

    Started learning

    Began learning HTML, CSS & JavaScript from scratch.

  2. MAR 2026

    First lines of code

    Built Vitrum, a glassmorphism chess game — first real project with game logic.

  3. APR 2026

    Games, PWAs & React

    Built Breach OS and Cogsworth (PWA with Service Workers), then shipped Libra, Orrery, GrowFlow, and TimeFlow (first React + Vite app).

  4. NEXT

    Still going

    Currently learning JavaScript fundamentals in depth and planning a small Go backend experiment.

>_ ACHIEVEMENTS UNLOCKED

First Canvas Project Orrery
First Game Logic Vitrum
First LocalStorage App Libra
First Game Breach OS
First PWA Cogsworth
First React App TimeFlow
First Data Viz GrowFlow

DEVLOG

Why I started this portfolio

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.

Vitrum: my first real game logic

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.

Breach OS & Cogsworth: games and my first PWA

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.

TimeFlow & GrowFlow: React and data viz

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.

FEATURED PROJECTS

Filter projects
Orrery project preview

Orrery

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

Visit
Libra project preview

Libra

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

Visit
Breach OS project preview

Breach OS

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

Visit
Cogsworth project preview

Cogsworth

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

Visit
TimeFlow project preview NEW

TimeFlow

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

Visit
GrowFlow project preview NEW

GrowFlow

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

Visit
Vitrum project preview

Vitrum

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

Visit
>_ NEXT BUILD

Devlog & Project Pages

Dedicated case-study pages per project, plus a devlog documenting what's being learned along the way.

In planning

PROJECT INSPECT

Project details

>_ CHALLENGE

>_ WHAT I LEARNED

TECH STACK

LANGUAGES

HTML5 CSS3 JavaScript ES6+ Go

FRAMEWORKS & TOOLS

React Vite Chart.js Web Audio API Canvas API Fly.io

CSS & DESIGN

Flexbox CSS Grid CSS Animations Responsive Design Glassmorphism

WORKFLOW

Git & GitHub ES Modules LocalStorage PWA

LET'S CONNECT

Ready to build something amazing together?

— OR REACH ME DIRECTLY —