Nhật ký cập nhật

Plain HTML/CSS/JS and React builds of the step-by-step bubble sort animation with the early exit: bars that cross when they swap, a sorted tail that grows, the swapped flag, comparison / swap / pass counters, live code, player controls, your own numbers and presets, light and dark.

Plain HTML/CSS/JS and React builds of a step-by-step Union-Find (union by size, path compression) animation: a glowing forest where roots swing under roots and compressed nodes fly up, synced parent and size arrays, live code, hop counters with and without compression, three seeded scenarios or your own operations, player controls, light and dark.

One-page studio portfolio in two builds: static HTML/CSS/JS and a Vite + React + TypeScript project. Letter-by-letter hero, filterable work grid with generated artwork, count-up stats, process, testimonials, validated contact form, light and dark themes.

Plain HTML/CSS/JS and React builds. Pointer-following light, spill-over grid glow, featured style, optional tilt, keyboard, touch and reduced-motion support.

Plain HTML/CSS/JS and React builds: six sorting algorithms race one operation per tick on the same seeded data, with live counters, medals, standings, pseudocode and a full player.

Plain HTML/CSS/JS and React builds of a decode text effect: reveal, hover and on-demand scrambles, rotating phrases, five charset presets, four reveal orders, seeded runs, no layout shift, screen-reader and reduced-motion support.

One-page SaaS landing in two builds: static HTML/CSS/JS and a Vite + React + TypeScript project. Living aurora hero with an animated product window, bento features, scroll-drawn steps, count-up metrics, testimonial carousel, monthly/yearly pricing with a comparison table, FAQ, newsletter sign-up, light and dark themes.

A complete conference site in two builds: static HTML/CSS/JS and a Vite + React + TypeScript project. Living constellation hero with a tilting name badge and countdown, three-day schedule with tracks, live and next marks and a saved agenda, speaker grid with an accessible detail dialog, ticket tiers with a live total and early-bird pricing, venue, sponsors, FAQ, light and dark themes.

Plain HTML/CSS/JS and React builds. Primary and ghost styles, ripple, keyboard and reduced-motion support.

A coming-soon launch page in two builds — static HTML/CSS/JS and a Vite + React + TypeScript project — with an orbiting canvas hero, a flip countdown with a live state, a waitlist form with referral links, sharing and confetti, sneak-peek cards, social proof, FAQ, and light and dark themes.

Plain HTML/CSS/JS and React builds. Rubber-band overdrag, swinging value bubble, single and range modes, ticks with a magnetic snap, end icons, form fields, keyboard and reduced-motion support.

Plain HTML/CSS/JS and React builds. ⌘K / Ctrl+K hotkey, fuzzy search with highlights, sections, recent commands, full keyboard and screen-reader support, light and dark.

Plain HTML/CSS/JS and React builds of a step-by-step binarySearch and lowerBound animation with gliding lo / mid / hi pointers, live code, a step counter, player controls, light and dark.

Glass analytics dashboard in two builds: static HTML/CSS/JS and a Vite + React + TypeScript project. Overview with count-up KPIs, hand-built SVG area, bar and donut charts, live visitors and activity feed; a customers table with search, sorting, filters, pages and bulk actions; a validated settings form; collapsible sidebar, ⌘K search, 7/30/90-day ranges over seeded data, light and dark themes.

Plain HTML/CSS/JS and React builds of a spring-morphing island: toasts, promise and progress states, actions, expandable live activities, a smart queue, swipe and Esc to dismiss, and full screen-reader and reduced-motion support.

Plain HTML/CSS/JS and React builds. Drag or flick cards with mouse, touch or pen, stamps, buttons, keyboard, undo, loop mode, announcements and reduced-motion support.

Plain HTML/CSS/JS and React builds. Smooth pointer magnification with neighbours making room, four edges, tooltips, launch bounce, running dots, badges, keyboard, touch and reduced-motion support.

Plain HTML/CSS/JS and React builds of an editable maze that animates BFS, Dijkstra, A* and greedy best-first step by step, with mud, a seeded maze generator, side-by-side compare, pseudocode, keyboard and reduced-motion support.

Plain HTML/CSS/JS and React builds of a step-by-step quick sort player (Hoare partition, median-of-three pivot, smaller-side recursion) with pseudocode, call stack, counters, seeded inputs, keyboard and reduced-motion support.

A developer's link-in-bio page in two builds (static HTML/CSS/JS and a Vite + React + TypeScript project) with a card view and an interactive terminal, both rendered from one typed content file.

Plain HTML/CSS/JS and React builds. Pill and underline styles, horizontal and vertical lists, automatic and manual activation, full keyboard and reduced-motion support.