Анастасія

ANASTASIA
ZAROVSKA
FRONTEND DEVELOPER

CONTACT PROFILE SUMMARY
[відкрити контакти](див. вище в блоці «контактна інформація») Frontend Developer and 3rd-year Software Engineering student at
NaUKMA, focused on building responsive web applications using React,
GitHub
JavaScript, and Tailwind CSS. I have hands-on experience in UI/UX
[відкрити контакти](див. вище в блоці «контактна інформація») prototyping with Figma and a solid understanding of software
Kyiv development lifecycles. Besides frontend, my university studies gave me a
stasyzz strong Computer Science foundation, including experience with Python,
C++, Java, and SQL, along with a solid grasp of OOP fundamentals.

EDUCATION I am always eager to learn and adopt new tools, including AI, to work more
efficiently and solve problems. I am highly motivated and open to complex,
2024 - 2028
interesting tasks. My main goal is to continuously learn and grow as a
BACHELOR OF SOFTWARE developer through real practical work.
ENGINEER
National University “Kyiv-Mohyla
Academy” PORTFOLIO
Acoustic Guard – Distributed Acoustic Monitoring System
SKILLS GitHub Repo
TypeScript, JavaScript, Java
Tech Stack: React, TypeScript, Vite, Leaflet.js, WebSocket, Chart.js
React
HTML5, CSS3, Tailwind CSS Project Overview: A university coursework project — a real-time
frontend for a distributed urban acoustic monitoring system,
SQL, PostgreSQL
visualizing threat heatmaps, sensor noise levels, and live incident
Docker, Maven, Gradle, REST API feeds across an interactive city map.
Vite, Git, GitHub, npm
Role & Contribution: Built the entire frontend from scratch.
OOP understanding, basic C/C++
Implemented a dual-layer interactive map (Leaflet.js) with a threat
knowledge heatmap and a hexagonal noise grid using IDW interpolation.
Cisco CCNA 1 & 2 Integrated WebSocket for live incident streaming and built a role-
based UI — public view vs. authenticated operator dashboard with an
AI-assisted development: Gemini
Alert Feed and incident management.
CLI, Claude, Antigravity
Figma (UI/UX, Prototyping) Key Focus: Designed a geo-aware proximity notification system that
triggers real-time toast alerts when new incidents appear within 4 km
of the user's location. Built an analytics dashboard with time-range
filtering, Chart.js visualizations (line + doughnut charts), and PDF
LANGUAGES report export. Implemented a sensor network monitoring page
English: B2 tracking node health, latency, and broker status in real time.
Ukrainian: Native

ACHIEVEMENTS MyPlayer – Interactive Web Audio Waveform Player

3rd Place — Mathematics Olympiad,
GitHub Repo
Stage III (Regional) and Stage II
(City) (2022, 2023)
Tech Stack: React 19, TypeScript, Vite, D3.js (v7), Web Audio API,
2nd Place — Mathematics
SVG, CSS
Olympiad, Stage II (City) (2019,
2021)
Project Overview: An interactive browser-based audio player and
waveform visualizer — supporting drag-and-drop local audio file
loading, real-time amplitude rendering, interactive timeline scrubbing,
COURSES and playback/volume controls without external audio libraries.
Prometheus course «Git для
розподіленої розробки Role & Contribution: Built the entire frontend from scratch with a
програмного забезпечення» clean separation between React UI components, audio processing
Prometheus course «Основи logic, and D3.js visualization. Implemented local file reading, audio
тестування програмного decoding, and playback controls (play, pause, stop, seek, and
забезпечення» volume/mute) using the native Web Audio API.

Key Focus: Processed raw audio data into normalized amplitude bars
HOBBIES to render a gradient SVG waveform with a grid and time axis in D3.js.
Implemented a smooth animated playhead cursor with drag-and-drop
Gym (3+ years)
scrubbing for real-time track seeking.
Drawing
Crocheting/Knitting
Cooking

Smart Expense Tracker – Personal Finance SPA

GitHub Repo

Tech Stack: React 18, TypeScript, Vite, Axios, React Context API,
React Router DOM, CSS

Project Overview: A single-page application for personal finance
management — covering multi-account tracking, transaction
categorization, and a real-time analytics dashboard.

Role & Contribution: Built the full frontend architecture from scratch
with strict separation between API services, global state, custom
hooks, and UI layers. Implemented secure authentication flow with
JWT persistence and a custom AuthLayout guard for protected
routing. Engineered global state using Context API + useReducer to
isolate business logic from UI components.

Key Focus: Built custom Axios interceptors for automatic JWT
injection and seamless 401 handling. Defined strict TypeScript
domain models for Accounts, Transactions, and API responses to
catch errors at compile-time. Developed a component-driven UI with
reusable Modals, StatCards, and Charts using pure CSS with custom
variables — no heavy UI library dependencies.