F r o n t e n d
E n t h u s i a s t

Turning ideas into smooth, modern digital experiences

3rd year BSUIR (MRC) student | Yandex Practicum Fullstack 2025–2026
Open to internships from summer 2026

About

BSUIR Branch MRC 2023–2027

Yandex Practicum Fullstack 2025–2026

Portfolio Works 2025–2026

Contact

makovchikarina@icloud.com

+375 29 501-81-09

tg: @ichbinrisha

Information

github.com/ArishaMak

About
Me

Arina N.
Makovchik

Arina N. Makovchik
Cover letter

I am a Frontend Developer dedicated to building smooth, modern, and user-friendly digital experiences. Currently a 3rd-year Software Engineering student at MRK/BSUIR and a graduate of the Yandex Practicum Frontend course (2025–2026), I combine technical precision with a strong eye for UI/UX. My approach is to take every project from a Figma concept to a fully deployed production-ready application.

My technical foundation is built on React, TypeScript, Node.js, and Express.js. I have hands-on experience implementing RESTful APIs, managing complex state, and working with both relational (SQL) and non-relational (MongoDB) databases. Having earned a High School Diploma in Fine Arts after seven years of formal training, I leverage a deep understanding of composition and aesthetics to create clean, minimalist, and truly human-centric interfaces.

Education

2023–2027 BSUIR Branch Minsk
2025–2026 Yandex Practicum

Beyond the code, I bring a valuable real-world perspective to development. My experience in course projects involved regular interaction with mentors and curators, where I learned to incorporate feedback and meet strict deadlines, strengthening my discipline and team collaboration. Additionally, my six-month background as a barista in high-pressure environments honed my stress management, communication, and "user-first" mindset — qualities that now enhance my approach to UX/UI and problem-solving. I am a disciplined team player who thrives on continuous learning and is actively seeking a Frontend or Full Stack internship or Junior position starting Summer 2026. I am fully open to relocation to contribute to impactful products and grow within a professional international team.

I combine timeless design principles with cutting-edge technology to craft award-winning websites that resonate with a global audience.

// Seven years of fine arts to master the art of drawing brackets for my portfolio:]

Skills

  • ACCESSIBILITY
  • ASYNCAWAIT
  • TYPESCRIPT
  • CYPRESS
  • FLEXBOX
  • CONTEXT
  • EXPRESS
  • RESTAPI
  • MONGODB
  • ROUTER
  • REACT
  • REDUX
  • HTML5
  • NODEJS
  • MYSQL
  • HOOKS
  • SQL
  • BEM
  • CSS3
  • VITE
  • JEST
  • GRID
  • DOM
  • OOP
meme
meme
meme
meme
meme
meme
meme
meme
meme
Core Web Technologies
  • HTML5
  • CSS3
  • Responsive Design (Flexbox, Grid)
  • DOM Manipulation
  • Web Accessibility (basic)
  • Browser DevTools
JavaScript & TypeScript
  • JavaScript (ES6+)
  • Asynchronous Programming (Promises, async/await)
  • TypeScript (basic knowledge)
  • OOP fundamentals
  • Functional programming basics
  • Modular architecture principles
Frontend Frameworks & Libraries
  • React
  • React Hooks
  • Component-based architecture
  • React Router
  • State lifting & component composition
State Management
  • Redux (basic knowledge)
  • Redux Toolkit (basic)
  • React Context API (basic)
API & Networking
  • REST API integration
  • RESTful API development
  • HTTP methods & status codes
  • JSON data handling
Backend Fundamentals
  • Node.js (basic level)
  • Express.js
  • Server routing basics
  • Middleware concepts
Databases
  • SQL (DML, DDL)
  • Database Design (Normalization, ER-modeling)
  • MS SQL Server
  • Data Integrity & Constraints
  • Database Administration & Security
Build Tools & Development Environment
  • Vite
  • npm / package management
  • Project structure & configuration
  • Environment variables
Testing & Debugging
  • Jest (basic)
  • Cypress (basic)
  • AI-assisted Unit Testing
  • Debugging tools
  • Application optimization basics
AI & Prompt Engineering
  • Prompt Engineering (CoT, Few-shot)
  • LLM for Code Refactoring
  • Workflow automation via AI
  • AI-driven problem solving
Languages
  • English – B1+
  • Deutsch – A1+
  • Russian – native
  • Belarusian – native

Projects

Article Customizer: Component-Driven Development Project

January 2026 - January 2026

  • Component-Driven Development (CDD): Developed UI components in total isolation using Storybook, ensuring modularity and reusability before integrating them into the main application.
  • Isolated Testing & Documentation: Utilized Storybook to document component states (props, variants, and interactive behaviors), streamlining the debugging and hand-off process.
  • Dynamic UI Styling Engine: Engineered a system to dynamically update article layouts by manipulating CSS variables in React, allowing for real-time visual customization.
  • Sophisticated State Management: Implemented a split-state strategy to manage transient form inputs versus persistent page settings, optimizing re-renders and performance.
  • Interactive Sidebar & UX: Developed a responsive sidebar with "click-outside" closure logic and smooth state transitions for a polished user experience.
  • Strict Code Quality: Maintained high development standards using TypeScript for robust typing, along with Stylelint and ESLint for consistent code architecture.

Online Store Architecture & Core Logic (Practicum)

October 2025 - October 2025

  • Architecture & Patterns: Designed the application using MVP architecture and an event-driven approach (EventEmitter); applied OOP principles and the Observer pattern for data synchronization.
  • TypeScript & Logic: Developed a strictly typed architecture using Generics; implemented complex business logic for cart management, multi-step checkout, and form validation.
  • API & Async: Built a scalable communication layer based on Fetch API with asynchronous request handling (Promises) and centralized error management.
  • UI & Component Dev: Developed a library of reusable UI components; managed DOM lifecycle through dynamic rendering and sophisticated interface state tracking.
  • Layout & Tooling: Created responsive layouts using SCSS and BEM methodology; configured project bundling with Vite and managed dependencies within the NPM ecosystem.

Smart Table (Practicum) — Data Management & API

November 2025 - December 2025

  • Dynamic Server Integration: Implemented asynchronous data fetching via Fetch API with query-params for searching, filtering, and sorting.
  • State & Cache Management: Optimized performance by caching indices (sellers/buyers) and handling server-side pagination (5/10/15/all rows).
  • Interactive UI: Developed a robust table system with real-time sorting indicators, dynamic search by name/date, and complex form validation.
  • Scalable Architecture: Refactored from static project to a modular structure (DRY) using ES6+ modules and Vite for efficient builds.

Layout project (Practicum) - Advanced CSS

August 2025 - August 2025

  • Fully Responsive UI: Developed interfaces that scale seamlessly across all devices (Mobile, Tablet, Desktop).
  • Fluid Layouts & Adaptive Design: Utilized flexible grids and relative units with strategic breakpoints for optimal content flow.
  • Advanced CSS: Implemented complex layered gradients and Variable Fonts for fluid typography and modern aesthetics.
  • Interactive Components: Created accessible modal windows using the native element and built high-quality animated UI components.
  • SVG Optimization: Optimized and animated vector graphics for maximum performance and visual clarity.
  • Micro-interactions & UX: Enhanced user experience through polished transitions, hover effects, and refined micro-interactions.
  • Performance Optimization: Focused on clean code architecture and asset optimization to ensure fast load times.

Layout project (Practicum) - UI Components

June 2025 - June 2025

  • Advanced CSS Styling: Implemented a pixel-perfect layout using Flexbox and Grid, ensuring strict adherence to the Figma design system.
  • Custom UI Components: Developed fully custom-styled forms, including checkboxes, search inputs, and scrollbars using pseudo-elements and modern selectors like :has().
  • Interactive States & Accessibility: Managed complex element states (:hover, :active, :focus-visible) and ensured web accessibility using visually-hidden labels and semantic HTML5 tags.
  • Content Fit & Typography: Applied professional image/video handling with object-fit and object-position, along with multi-line text truncation using line-clamp.
  • Interactive Media Gallery: Styled a dynamic video gallery integrated with a third-party API, featuring custom play/pause states and loading animations (preloaders).
  • Modern Layout Techniques: Utilized advanced properties such as gap, aspect-ratio, and fixed-container scrolling to maintain UI consistency across different content volumes.

Layout project (Practicum) - Performance

July 2025 - July 2025

  • Responsive UI: Mobile-First design, fluid grids, and clamp() based typography.
  • Theming: Dark/Light mode implementation via CSS Variables & JS.
  • Performance: Optimized assets (SVG) and lazy-loading for galleries.
  • Code Quality: Semantic HTML and maintainable, modular CSS.

Additional Experience

Barista (Mak Cafe)

January 2026 - June 2026

  • Stress Management & High-Load Performance: Thrived in a high-traffic environment, maintaining focus on product quality under pressure—a skill directly transferable to meeting tight development deadlines.
  • Team Collaboration: Coordinated closely with team members to achieve daily KPIs, demonstrating the strong teamwork and mutual support necessary for Agile environments.
  • Interpersonal Communication: Managed diverse customer interactions and resolved conflicts effectively; developed the clear communication style essential for Daily Standups.
  • Workflow Optimization: Identified and implemented small-scale workplace improvements that reduced service time during peak hours.
  • Accountability & Discipline: Demonstrated high personal responsibility and professional discipline within a fast-paced production cycle.

T h a n k y o u !

... for taking the time to review my application and consider my candidacy.

I am currently based in Belarus and would be highly motivated to relocate should my profile be a good fit for your team. I am prepared to independently arrange visa and accommodation matters; however, I would kindly require an official document confirming the purpose of my stay to submit to the visa center. I would be grateful for the opportunity to discuss my application further and potentially contribute to your team.