Bogdan Matula
Private message
Offer work
Cherkassy,
Ukraine
available for hire
Rating
CV
My core stack is built around React, TypeScript, and Vite, with a primary focus on crafting high-performance, scalable, and pixel-perfect interfaces. I specialize in architecting complex SPAs, leveraging Zustand and TanStack Query for efficient data flow management, alongside deep expertise in Redux Toolkit (RTK Query) for advanced state management and seamless API integration. I pay meticulous attention to detail in Tailwind CSS and Framer Motion, delivering smooth UX and fully responsive interfaces. While my core strength lies in frontend development, I have confident experience integrating robust services such as Firebase and PostgreSQL (via Prisma), ensuring secure authentication and reliable data validation with Zod.
What drives me beyond the stack itself is a genuine obsession with the gap between design and engineering — I treat every component as both a technical unit and a visual statement. I believe great UI isn't just functional; it should feel inevitable.
Skills
Frontend: React (Hooks, Context), TypeScript, JavaScript (ES6+)
State Management: Redux Toolkit, RTK Query, Zustand, TanStack Query
Backend & DB: Node.js (Express), PostgreSQL, Prisma ORM, Firebase (Firestore & Auth), JWT, OAuth
Styling & UI: Tailwind CSS, SCSS, CSS (BEM), Framer Motion (complex animation)
Tools & Architecture: Vite, TurboRepo (Monorepos), Webpack, Git/GitHub, REST API
Forms & Validation: React Hook Form, Zod, React Select, Chart.js, i18next
Testing & Design: Jest, Figma, Photoshop
Education
Bohdan Khmelnytsky National University of Cherkasy
Software Engineering | 3rd year (in progress)
Skills and abilities
Portfolio
-
23 USD OnUs
Web Programming
Onus — a modern one-page landing for a cryptocurrency/financial platform, built on React 19 and TypeScript. The application presents the product through structured sections: advantages, features, asset statistics, trusted assets, and FAQ.
Technology stack:
React 19 + TypeScript — typed component interface
… Vite — lightning-fast build and HMR in development
Tailwind CSS v4 — utility-first responsive layout
Framer Motion — smooth transition and element appearance animations
i18next / react-i18next — full multilingual support (localization)
Main sections:
Hero / Home — main screen with a call to action
Features — key features of the platform
Benefits — advantages for the user
Asset & AssetStatistic — blocks with data and asset statistics
AssetTrusted — section for trusted/supported assets
FAQ — answers to frequently asked questions
Fixed Header + Footer — fixed navigation and footer
-
271 USD CoinRadar
Web Programming
CoinRadar is a fully functional web application (Fullstack SPA) designed for tracking investments in cryptocurrencies. The project allows users to manage multiple wallets, record buy/sell transactions of assets, and visualize the dynamics of their portfolio using charts.
Technology stack:
Frontend: React (Vite) + TypeScript — for creating a fast and typed interface.
… State Management: Redux Toolkit & RTK Query — for efficient state management and data caching from the API.
Styling & UI: TailwindCSS + Framer Motion — modern responsive layout with smooth animations.
Data Visualization: Chart.js — building charts for asset value and distribution.
Backend: Node.js (Express) + TypeScript — scalable server-side.
Database & ORM: PostgreSQL + Prisma — working with a relational database and migrations.
Security: JWT (JSON Web Tokens) & Bcrypt — secure authorization and password encryption.
Validation: Zod — strict data validation at the schema level.
Core functionality:
Authorization system: Full registration and login for users.
Wallet management: Ability to create multiple wallets (e.g., "Hot", "Cold") within one account.
Transaction accounting: Adding buy and sell operations for cryptocurrencies with price and quantity recording.
Portfolio analytics: Visualization of asset value changes over time.
Responsive design: Proper display on smartphones, tablets, and desktops.
-
271 USD WINESET
Web Programming
WineSet - a modern online store of premium alcoholic beverages, delicacies, and gift sets.
Technologies
React + TypeScript - building a component-based interface;
… Vite - fast build and startup of the application;
TailwindCSS - flexible and responsive styling system;
React Router DOM - organizing routing in SPA;
Zustand - lightweight state management;
TanStack Query - for working with asynchronous data;
React Hook Form - convenient form handling and validation;
EmailJS - sending receipts via email;
Framer Motion - animations for smooth UX;
Firebase (Authentication + Firestore) - database, user authentication, OOP — for modeling products and application logic;
Main features:
Product catalog with category filters;
Cart with automatic calculation of item quantities and total cost;
Order placement through an interactive form with validation;
Sending order details to email;
Responsive layout for comfortable viewing on any device;
Site search with priority for exact matches;
Convenient navigation through the site header;
Bonus system - automatic accrual for purchases;
-
23 USD Shopiy
HTML & CSS
Responsive & Animated Web Page Developed with native technologies: HTML5, CSS3 (SCSS) with BEM methodology, and Vanilla JavaScript for smooth animations. Fully adaptive across all devices.