Maksym Ostapchuk0

Frontend Developer

Maksym Ostapchuk

I build fast, interactive interfaces that feel alive.

Scroll

About

I’m a frontend developer who likes making interfaces that don’t just work — they respond. Most of my projects start as an idea I want to see move: a layout, an animation, a small interaction that makes a page feel alive. I work mainly with React, Next.js and TypeScript, and I’ve spent a lot of time in GSAP and Three.js pushing what a browser can actually do. Before that, I was the second developer on a commercial WordPress site for a flight academy — real deadlines, real users. I’ve already earned my Bachelor’s degree in Computer Science, and right now I’m focusing on building my own side projects.

M.O.Kropyvnytskyi, UA
  • React / Next.js / TypeScript
  • GSAP & Three.js animation
  • WordPress · commercial project
  • CS degree, 2022–2026

Stack

What I build with.

Frontend

The everyday tools — components, types, and the CSS that holds it together.

  • React
  • Next.js
  • TypeScript
  • JavaScript
  • Tailwind CSS
  • Vite
  • HTML5
  • CSS3

Animation & 3D

Where most of my time goes — motion that has to stay smooth at 60fps.

  • GSAP
  • Three.js
  • Framer Motion

CMS & Backend

The commercial half — a real site, real integrations, real users.

  • WordPress
  • PHP
  • REST API
  • OAuth

Tools

Version control, design hand-off, and the editor I live in.

  • Git
  • GitHub
  • Figma

Experience

How I got here.

  1. 2022

    Enrolled in Computer Science

    Started a Computer Science degree — the plan was simple: learn how software actually works, then go build things with it.

  2. 2024

    First Lines of Frontend

    Picked up the basics — HTML, CSS, JavaScript — then jumped into React soon after. What began as coursework turned into an obsession with making interfaces feel right.

  3. 2024–2025

    Two Coursework Projects, Defended

    Built and defended two academic projects as real frontend applications, not just theory — proof the skills held up under review.

  4. Jan – Apr 2026

    WordPress Developer, Flight Academy (usfa-ua)

    First commercial project, as second developer on a two-person build: pages, reusable blocks, OAuth and Google Classroom integrations, mobile adaptation and bug fixing — shipped for real users on a real deadline.

  5. 2026Always learning

    Still Climbing

    Deep in Next.js, TypeScript and GSAP now, with no plan to stop learning anytime soon. This site — and everything moving on it — is the latest proof.

Projects05

Things I’ve built, and why they exist.

Every one of these is live. The address in each frame is the real one — open any of them and you land on the thing I actually shipped.

  1. chess-school-five.vercel.app
    Chess School — screenshot 1Chess School — screenshot 2Chess School — screenshot 3

    Live

    Chess School

    A premium-feeling booking site for a chess school — built to actually feel like chess.

    A polished booking experience with chess.js powering a fully interactive board, where visitors solve three real puzzles before they even sign up. Every transition is tuned to feel expensive — smooth, considered, unhurried.

    • React
    • Next.js
    • TypeScript
    • GSAP
    • chess.js
    • Tailwind

    Visit live site

  2. entropy-scroll-qizm.vercel.app
    Entropy — screenshot 1Entropy — screenshot 2Entropy — screenshot 3

    Live

    EntropyA Study in Order and Decay

    A scroll-driven descent from geometric perfection into chaos.

    An experimental 3D piece — an icosahedron that deforms and shatters as you scroll, driven by simplex-noise and rendered with React Three Fiber, choreographed alongside GSAP-mapped SVG paths. Built to stay smooth: GPU-conditional rendering, deformations that pause off-screen.

    • React
    • Vite
    • TypeScript
    • Three.js
    • React Three Fiber
    • GSAP

    Visit live site

  3. devscope-topaz.vercel.app
    DevScope — screenshot 1DevScope — screenshot 2DevScope — screenshot 3

    Live

    DevScope

    Compare any two GitHub profiles, side by side, in seconds.

    A fast GitHub analyzer — debounced search, language-distribution breakdowns, head-to-head comparison charts. Built to show real product engineering: a live REST API, caching, strict typing, tests, and a command palette for power users.

    • Next.js 15
    • TypeScript
    • TanStack Query
    • Zustand
    • Recharts
    • Vitest

    Visit live site

  4. reshatel.github.io/diploma-project
    Digital Footprint Simulator — screenshot 1Digital Footprint Simulator — screenshot 2Digital Footprint Simulator — screenshot 3

    Diploma project

    Digital Footprint Simulator

    A graph visualization of your digital footprint — with a bit of jelly physics.

    My degree thesis: an interactive graph visualizing a person's digital footprint, with soft jelly-like physics driving how the nodes move and settle.

    • JavaScript
    • React
    • Vite
    • CSS

    Open project

  5. reshatel.github.io/Virtual-Guitar-React
    Virtual Guitar — screenshot 1Virtual Guitar — screenshot 2

    Live

    Virtual GuitarReact

    A meditative, playable guitar — right in the browser.

    An atmospheric app that turns the browser into a calm, playable instrument: a real chord-playing fretboard, built-in beginner theory tips, and an ambient interface for quiet practice as much as discovery.

    • React
    • Custom CSS animation
    • Audio playback

    Visit live site

Education & Certificates

The paper trail.

The formal half of the story: four years of computer science for the fundamentals, and a security course I signed up for on my own time.

  1. Bachelor's Degree · 2022 — 2026

    Computer Science

    Central Ukrainian State University named after Volodymyr Vynnychenko

    Kropyvnytskyi, Ukraine

    Thesis: an interactive graph visualisation of a personal digital footprint — built as a real frontend application, not a write-up.

  2. Cisco Networking Academy

    Ethical Hacker

    Certificate

    Issued May 2025

    Recon, scanning and vulnerability assessment — enough of the offensive side to write safer code on the defensive one.

Real Users, Real Deadline

Flight Academy

Corporate Website · WordPress · Jan–Apr 2026

One client, one deadline, one site still in service. I flew this one as second developer on a two-person build — here is the flight plan: what the academy needed, which half of it was mine, and where it landed.

  1. WPT 01BRIEF

    The Brief

    A flight academy needed a professional, modern corporate site their own team could actually maintain after launch — not just a one-off template.

  2. WPT 02BUILD

    The Build

    I joined as the second developer, and my half was hands-on: building out pages, hand-coding reusable content blocks the academy's own team could keep using, and wiring up the integrations — OAuth sign-in, Google Classroom so students reach course material straight from the site, and a live Google Photos gallery. Then the work that decides whether a site survives contact with real users: mobile adaptation across the pages, a steady run of bug fixes, and the legwork on plugins — finding what could be bought instead of built, and checking it would not drag the site down.

  3. WPT 03RESULT

    The Result

    A live, working commercial site shipped on schedule, currently serving real students and staff.

usfa.edu.ua
Flight Academy — the live site
  • WordPress
  • PHP
  • OAuth
  • Google Classroom
  • SEO
  • Responsive
Operator
Ukrainian State Flight Academy
Seat
Second developer, team of two
Dep — Arr
Jan 2026 — Apr 2026
Status
Shipped · still flying

Contact

Let’s build something worth scrolling for.

Open to frontend roles — remote or on-site. The fastest way to reach me is the first line below.