🎮 Type secret codes to unlock games

HELLO THERE! 👋

I'm Baturin Maksim,

|
dymufa@gmail.com
📍Lviv, Ukraine • Remote
2+
Years Experience
50+
Projects Built
Cups of Coffee
100%
Passion Level

Scroll to explore my universe 🚀

Scroll down

FEATURED PROJECTS 🎨

Charity lab

Charity lab

Charity platform design with volunteer management system and donation tracking

ReactTypeScriptTailwindNode.js
🔒 Private project - Demo not publicly available
English Cards

English Cards

Interactive language learning platform with gamification and progress tracking

Next.jsReactCSSAPI
🔒 Private project - Demo not publicly available

Codersbud - social network

Social platform for developers with real-time chat and code sharing

ReactNode.jsSocket.ioMongoDB

Nutrifisio

Health and nutrition services website with appointment booking

HTMLCSSJavaScriptPHP

Crypto drop

NFT marketplace with crypto integration and trading features

ReactWeb3EthereumSolidity
Aydeteria

Aydeteria

Audiobook platform with subscription model and offline listening

ReactNode.jsMongoDBAWS
🔒 Private project - Demo not publicly available

TECHNICAL SKILLS ⚡

HTML
HTML
CSS
CSS
JavaScript
JavaScript
TypeScript
TypeScript
React
React
Sass
Sass
Tailwind
Tailwind

Additional Technologies 🛠️

Redux ToolkitZustandRTK QueryReact Queryi18nextEffectorFormikreact-hook-formViteWebpackDockerCI/CDJestReact Testing LibraryStorybookFigmaGitHub ActionsAgile/Scrum

WORK EXPERIENCE 💼

Front-end Developer

Insiders

February 2025 — Present
Remote

Developed core features for an online video consultation platform.

Next.jsTypeScriptTailwindCSSREST APIZustandDrizzle ORM
Responsibilities
  • Developed core features for an online video consultation platform
  • Integrated video communication modules and user interaction tools
  • Implemented scheduling system and pay-per-session payments
  • Synced events with Google, Apple, Outlook calendars
  • Integrated multichannel notifications (messengers, phone calls)
Achievements
  • Stabilized video communication and improved reliability
  • Enhanced initial page load performance
  • Increased appointment booking rate by 25%

Front-end Developer

nearshorefriends

October 2023 — November 2024
Remote

Designed and built search, filtering, and customizable UI systems.

Next.jsTypeScriptEffectorTailwindCSSREST API
Responsibilities
  • Designed and built search, filtering, and customizable UI systems
  • Worked on outsourced client projects with varying requirements
  • Attended daily stand-ups with TL, PM, and BE team
  • Created API adapters and fixed critical bugs
  • Set up CI and enforced code formatting
Achievements
  • Improved user engagement through UI optimization
  • Reduced code review time by 20% with better formatting standards
  • Integrated reusable components across multiple projects

Front-end Developer

Corezoid

January 2023 — October 2023
Remote

Created dynamic forms and responsive interfaces.

React.jsTypeScriptZustandreact-hook-formRTK QueryTailwindCSS
Responsibilities
  • Created dynamic forms and responsive interfaces
  • Integrated frontend with REST APIs
  • Refactored legacy code to improve maintainability
  • Used Zustand and RTK Query for state management
  • Built components with TailwindCSS and clsx
Achievements
  • Increased codebase consistency with modular design
  • Reduced bug count in production by 30%
  • Boosted frontend responsiveness and efficiency

GITHUB ACTIVITY 🚀

DEVELOPER TOOLS 🛠️

Tailwind Color Generator

Shade
custom-50
HEX
#f1f2f3
RGB
rgb(241, 242, 243)
HSL
hsl(217, 9%, 95%)
Shade
custom-100
HEX
#cee0fd
RGB
rgb(206, 224, 253)
HSL
hsl(217, 91%, 90%)
Shade
custom-200
HEX
#9dc1fb
RGB
rgb(157, 193, 251)
HSL
hsl(217, 91%, 80%)
Shade
custom-300
HEX
#6da2f8
RGB
rgb(109, 162, 248)
HSL
hsl(217, 91%, 70%)
Shade
custom-400
HEX
#3c83f6
RGB
rgb(60, 131, 246)
HSL
hsl(217, 91%, 60%)
Shade
custom-500
HEX
#0b64f4
RGB
rgb(11, 100, 244)
HSL
hsl(217, 91%, 50%)
Shade
custom-600
HEX
#0950c3
RGB
rgb(9, 80, 195)
HSL
hsl(217, 91%, 40%)
Shade
custom-700
HEX
#073c92
RGB
rgb(7, 60, 146)
HSL
hsl(217, 91%, 30%)
Shade
custom-800
HEX
#042862
RGB
rgb(4, 40, 98)
HSL
hsl(217, 91%, 20%)
Shade
custom-900
HEX
#021431
RGB
rgb(2, 20, 49)
HSL
hsl(217, 91%, 10%)
Shade
custom-950
HEX
#010a18
RGB
rgb(1, 10, 24)
HSL
hsl(217, 91%, 5%)

Usage Examples

CSS: color: var(--custom-500);
Tailwind: bg-custom-500 text-custom-100
React: className="bg-custom-500"