Maxim

MAXIM ZLATIN
Frontend Engineer — React / Next.js
Finland | [відкрити контакти](див. вище в блоці «контактна інформація») | [відкрити контакти](див. вище в блоці «контактна інформація») | github.com/4iLeRmax | zlatin.it.com/notes

TECHNICAL SKILLS
Languages: JavaScript (ES6+), TypeScript, HTML, CSS/SCSS
Frameworks & State: React, Next.js (App Router), Redux Toolkit, Zustand, TanStack Query
Forms & Validation: React Hook Form, Zod
Backend & Data: Node.js, Prisma, PostgreSQL, Server Actions, better-auth, NextAuth
Styling & Animation: Tailwind CSS, SCSS Modules, Framer Motion
Tools & Testing: Git/GitHub, npm/Yarn, Jest, React Testing Library, Resend
PROJECTS
Notes App — Full-Stack Notes Application
zlatin.it.com/notes
• Built a full-stack notes app with Next.js (App Router), TypeScript, and Prisma/PostgreSQL, including server-side
AES-256-GCM encryption of note titles, content, and labels.
• Implemented robust user authentication and email verification flows using better-auth and Resend
• Architected a multi-store Zustand state layer (notes, selection, view mode, sort) with optimistic updates.
• Implemented drag-and-drop reordering and layout animations with Framer Motion.
Blog Platform (blog_app) — Full-Stack Blog with Moderation
github.com/4iLeRmax/blog_app
• Built a full-stack blogging platform with NextAuth authentication, role-based access, and a Prisma/PostgreSQL
schema covering posts, nested comments and replies, likes, and favorites.
• Added a comment-reporting and moderation queue, image uploads via UploadThing, and forms validated with
React Hook Form and Zod.
Speed Text — Typing Speed Trainer
github.com/4iLeRmax/speed-text
• Built a typing-speed trainer with difficulty-tiered sentence sets stored in PostgreSQL via Prisma, live WPM and
accuracy scoring, and animated per-letter mistake tracking using Zustand and Framer Motion.
LAST-e — E-Commerce Storefront
github.com/4iLeRmax/LAST-e
• Built a React/TypeScript storefront (Vite, React Router) with product search, category filtering, a shopping cart,
favorites, and recently-viewed tracking, powered by a public products API.
• Used Redux Toolkit for cart and user state and TanStack Query for data fetching; covered core routing and layout
with Jest and React Testing Library.
EDUCATION
Computer Science Foundations (Higher Education Coursework )
• Completed foundational university-level coursework in computer science principles, core programming, and
software logic to transition into practical web development.
Self-Directed Learning — Frontend Development
• Continuous, project-based curriculum focusing on modern React ecosystems, performance optimization, and
architectural patterns.
• Focused on building scalable user interfaces, mastering state management, and implementing secure full-stack
authentication flows.
LANGUAGES
Ukrainian: Native | Russian: Native | English: B1–B2 (Upper Intermediate) | Romanian: B1 (Intermediate)