Fullstack Developer
< Frontend >
Terminal — zsh
Pavlo Kovalenko
Full-Stack Developer (Vue.js / Node.js)
Frontend-focused engineer building modern SPAs and interactive web interfaces.
- HTML5 · SCSS · Tailwind
- JavaScript (ES6+) · Axios
- Vue.js · Pinia · Vue Router
- Node.js · Express.js
- MongoDB · Mongoose
- REST APIs · JWT · OAuth
- Vite · Component Architecture
- GSAP · Swiper
Full-stack Developer — IdeaHub (2025–2026)
Frontend Developer — OSNOVO (2024–2025)
- SPA architecture and scalable frontend systems
- Interactive UI and performance optimization
- REST APIs, authentication, and integrations
Analytics Dashboard
Developer Focus
LiveEngineering Output
+47%Engineering Output
Skill Profile
8.2KComponents
Toggles
Inputs
Buttons
Feedback
Primary Button
Secondary Button
Ghost Button
Icon Button
Text Input
Search Input
Text Input
Switch
Checkbox
Segmented Control
Progress Bar
Toast
Spinner
< backend >
About Me
I’m Pavlo Kovalenko, a Full-Stack Developer with a strong frontend focus. I build web applications with clean architecture and reliable performance in production.
I work across both frontend and backend: SPAs, APIs, authentication, user roles, and integrations with payment systems and external services.
I care about UI quality — interactivity, animations, and small details that make interfaces feel fast and intuitive.
Technical Skills
Work
IdeaHub - Vue · Node · MongoDB
Project Overview
Tech Stack
IdeaHub
About the Project
IdeaHub is a full-stack educational platform that allows users to purchase courses, complete interactive lessons, pass tests, and receive automated completion certificates. The system supports secure authentication, role-based access control, and a scalable admin panel for managing courses and content.
Frontend Development
- Built reusable UI components from scratch (forms, modals, dashboards)
- Implemented authentication flows (login, registration, password recovery)
- Developed protected routes and role-based UI rendering
- Created interactive course interface with tests and progress tracking
- Integrated file upload UI with drag & drop support
- Handled client-side form validation using Zod schemas
- Built admin dashboard and user personal cabinet UI
Backend & System Logic
- Designed REST API architecture using Node.js, Express, and MongoDB
- Implemented authentication system with JWT (HTTP-only cookies)
- Integrated Google OAuth 2.0 login flow
- Developed role-based access control (RBAC middleware)
- Built payment system integration with LiqPay API
- Implemented course management logic (creation, storage, retrieval)
- Generated PDF certificates after course completion on the server side
- Structured database models using Mongoose
8pumplabs - HTML · SCSS · JS
Project Overview
Tech Stack
Web3 Marketing Agency
About the Project
Web3 Marketing Agency is a commercial landing page designed for a blockchain-focused marketing agency. The website presents services related to community growth, KOL collaborations, and Web3 product promotion.
The project was built as a conversion-oriented marketing tool, with a strong focus on clear structure, visual engagement, and guiding users toward key actions through the interface.
Key Highlights
- Fully responsive layout across all devices
- Parallax hero section with layered typography
- Smooth scroll navigation between sections
- Scroll-based animations (Intersection Observer)
- Animated counters for key metrics
- Infinite horizontal slider for partners/projects
- Structured sections: Services, Team, Projects
- Conversion-focused UI with multiple CTA blocks
- Performance optimized (PageSpeed 90+)
- Lazy loading and modern optimization techniques
- SEO-friendly semantic HTML and accessibility (ARIA)
- Modular SCSS architecture
Outcome
- Delivered as a production-ready commercial project
- Used for client acquisition and marketing purposes
- Enhanced expertise in animation, UI/UX, and performance optimization
DD Shop - Vue · Express · MongoDB
Project Overview
Links
Tech Stack
DD Shop
About the Project
DD Shop is a production-style fullstack fashion e-commerce platform built with Vue 3 SPA architecture and a Node.js API backend. The project simulates a real-world online store with authentication, product catalog, filtering system, shopping cart, localization, admin dashboard, and complete product management workflows.
Frontend Development
- Built scalable Vue 3 SPA architecture using Composition API and domain-based Pinia stores
- Implemented dynamic catalog filtering (category, size, color, sorting, price)
- Developed authentication flows with protected routes and role-based UI rendering
- Created responsive shopping cart system with guest cart synchronization after login
- Integrated server-side localization with multi-language and currency-aware responses
- Built reusable UI components using Tailwind CSS, PrimeVue, Swiper, and VueUse
- Implemented client-side validation and API communication layer with Axios
- Developed admin dashboard for product, catalog, and user management
Backend & System Logic
- Designed modular REST API architecture using Express 5 and MongoDB
- Implemented secure JWT authentication with refresh token rotation in HTTP-only cookies
- Integrated Google OAuth login and role-based access control system
- Built scalable MongoDB Atlas Search autocomplete system instead of regex search
- Developed aggregation pipelines for cart processing and advanced search logic
- Implemented product image upload system using Multer and variant-based storage
- Created background cron jobs for exchange rate caching and system automation
- Configured deployment infrastructure with Docker, Render, Netlify, and GitHub Actions
Portfolio - HTML · SCSS · JS
Project Overview
Tech Stack
Portfolio Website
About the Project
Portfolio Website is a highly interactive web application inspired by iOS/macOS UI patterns. It recreates a desktop-like experience in the browser with a strong focus on custom interface logic and advanced animations.
The project showcases complex frontend engineering, including state management, performance optimization, and building non-standard UI interactions from scratch.
Key Highlights
- iOS-style window system (drag, minimize, expand, dock behavior)
- Interactive hero section with UI simulation and before/after slider
- Custom UI components and micro-interactions
- Physics-based animations using Matter.js
- 3D-like project grid with depth, filtering, and pagination
- Animated charts and dynamic UI elements
- Smooth scroll navigation and page transitions (GSAP)
- Interactive contact form with email integration
- Responsive and adaptive across devices
- Performance optimized (PageSpeed 90+)
- Lazy loading, code splitting, and rendering optimization
- Accessible and semantic structure (ARIA)
Outcome
- Demonstrates advanced frontend engineering capabilities
- Showcases complex UI architecture and interaction design
- Strengthened expertise in animation, performance, and state management
Euphoria - React · Node · MongoDB
Project Overview
Links
Tech Stack
Euphoria
About the Project
Euphoria is a full-stack e-commerce platform built as a complete production-style web application. It includes a product catalog with advanced filtering and search capabilities, a fully functional shopping cart system with guest-to-user migration, and a role-based admin dashboard for managing users, products, and business data.
Frontend Development
- Built scalable SPA with React + Vite using modular page architecture
- Developed product catalog with filtering (gender, price, colors, sizes, styles), sorting and pagination
- Created product detail page with gallery, variants, rating view and cart integration
- Implemented guest-first flow with automatic session creation and seamless auth transition
- Built cart system with quantity control, item management and cross-session persistence
- Developed role-aware admin dashboard UI for product and user management
- Handled auth flow with JWT, token lifecycle and protected routes
- Created reusable UI system for filters, tables, pagination and product components
Backend & System Logic
- Designed REST API with Express + MongoDB using layered service architecture
- Implemented centralized query parser for filtering, search, sorting and pagination
- Implemented cart merge flow from guest session to authenticated user
- Built JWT auth with role-based access control (admin / manager / user)
- Developed product management with image upload and structured storage logic
- Secured admin APIs with role-guarded CRUD for products and users
- Configured middleware stack (CORS, validation, auth, logging, error handling)
- Integrated Multer-based upload pipeline with validation layer
- Set up CI/CD with GitHub Actions + Render deployment + MongoDB Atlas
Bulbaseor - HTML · SCSS · JS
Project Overview
Tech Stack
Bulbaseor
About the Project
Bulbaseor is a commercial promotional landing page for a meme token built on the Base network, featuring a playful monster-catching visual concept and character-driven design.
The website is focused on presenting the token, explaining onboarding steps, and guiding users toward purchase and community engagement through a clear, conversion-oriented structure.
Key Highlights
- Responsive layout with strong visual art direction
- Hero section with layered artwork and themed UI
- Smooth scroll navigation and scroll-triggered animations
- Structured sections: Tokenomics, Roadmap, How to Buy
- Tokenomics block with contract copy functionality
- Integrated social and trading links
- Conversion-focused layout with CTA blocks
- Performance optimized (90+), lazy loading, semantic HTML
Outcome
- Delivered to client, refined based on feedback, and deployed to production
- Used as a marketing and onboarding tool for the token
Nearkat - HTML · SCSS · JS
Project Overview
Tech Stack
NEARKAT
About the Project
NEARKAT is a commercial Web3 landing page for a meme token on the NEAR Protocol, built around a mascot-driven concept and narrative presentation.
The website combines storytelling, token explanation, and a structured user flow that guides visitors from introduction to token purchase and interaction.
Key Highlights
- Fully responsive layout across all devices
- Smooth scroll navigation and section-based structure
- Scroll-driven animations (CSS Scroll-Driven + Intersection Observer)
- Parallax effects with mouse-based layered motion
- Custom SVG animations and interactive UI elements
- FAQ accordion and contract copy-to-clipboard functionality
- Optimized loading (lazy media, performance 90+)
- Semantic HTML, accessibility (ARIA), modular SCSS
Outcome
- Delivered to client, refined based on feedback, and deployed to production
- Used for token presentation and user onboarding
Dr. Cat - HTML · SCSS · JS
Project Overview
Tech Stack
Dr. Cat
About the Project
Dr. Cat is a promotional landing page for a crypto token built on the Base network. The project combines a playful meme-driven concept with a clear structure explaining the token, its purpose, and how to participate in the ecosystem.
This project represents my first commercial experience as a developer, where I worked directly with a client and delivered a fully functional production-ready product.
Key Highlights
- Fully responsive and optimized landing page
- Smooth animations and interactive UI components
- Structured sections: About, Tokenomics, FAQ, and Purchase Guide
- Performance optimized (PageSpeed score 90+)
- SEO-friendly structure and semantic HTML
- Clean modular SCSS architecture
Outcome
- Successfully delivered to client and approved without revisions
- First real-world commercial project experience
- Strengthened skills in UI structure, performance optimization, and production deployment
Cate - HTML · SCSS · JS
Project Overview
Tech Stack
CATE
About the Project
CATE is a commercial promotional landing page for a meme token project built around playful, character-driven branding and soft visual aesthetics.
The website focuses on clear storytelling, smooth interactions, and guiding users through token introduction, benefits, and onboarding in a simple and engaging way.
Key Highlights
- Responsive layout with clean and soft visual style
- Smooth scrolling powered by Lenis
- Scroll-based animations and section reveal system
- Structured sections: Tokenomics, Roadmap, How to Buy
- Step-by-step onboarding flow for token purchase
- Copy-to-clipboard contract functionality
- Integrated social and Web3 links
- Performance optimized (90+), lazy loading, semantic HTML
Outcome
- Delivered to client, refined based on feedback, and deployed to production
- Used for token presentation and user onboarding
Gud Mornin - HTML · SCSS · JS
Project Overview
Tech Stack
Gud Mornin
About the Project
Gud Mornin is a commercial promotional landing page for a meme token built around positive vibes, community, and a playful “morning” themed concept.
The website presents the token, explains its mechanics, and guides users through onboarding with a strong focus on visual storytelling and engaging interactions.
Key Highlights
- Responsive layout with playful, meme-driven visual style
- Smooth scrolling powered by Lenis
- Scroll-based animations and interactive UI elements
- Structured sections: Tokenomics, How to Buy, Roadmap
- Step-by-step onboarding flow for token purchase
- Copy-to-clipboard contract functionality
- Integrated social and trading platform links
- Performance optimized (90+), lazy loading, semantic HTML
Outcome
- Delivered to client, refined based on feedback, and deployed to production
- Used for token presentation and community growth
Peshi - HTML · SCSS · JS
Project Overview
Tech Stack
PESHI
About the Project
PESHI is a commercial promotional landing page for a meme token project built around a unique character inspired by crypto culture.
The website combines storytelling, NFT and merch presentation, and a structured onboarding flow, guiding users from introduction to token purchase and ecosystem exploration.
Key Highlights
- Responsive layout with bold, character-driven visual style
- Smooth scroll navigation and scroll-based animations
- Structured sections: NFT, Merch, Tokenomics, How to Buy
- Swiper sliders for NFT collections and merch showcase
- Interactive media section (video/story integration)
- FAQ accordion and contract copy-to-clipboard functionality
- Integrated Web3 links and platform connections
- Performance optimized (90+), lazy loading, semantic HTML
Outcome
- Delivered to client, refined based on feedback, and deployed to production
- Used for token promotion and ecosystem presentation
Chompy - HTML · SCSS · JS
Project Overview
Tech Stack
Chompy
About the Project
Chompy is a commercial promotional landing page for a meme token built around a playful underwater concept with strong thematic art direction.
The website presents the token, explains onboarding steps, and guides users toward key actions through a visually rich, scroll-based storytelling experience inspired by an animated underwater world.
Key Highlights
- Responsive layout with immersive underwater visual style
- Layered hero section with custom illustrated assets
- Smooth scroll navigation and scroll-triggered animations
- Continuous ambient animations (floating elements, bubbles, organic motion)
- Structured sections: Tokenomics, How to Buy, Partners
- Infinite marquee for partners/PFP showcase
- Conversion-focused layout with CTA and social integrations
- Performance optimized (90+), lazy loading, semantic HTML
Outcome
- Delivered to client, refined based on feedback, and deployed to production
- Used for token promotion and user onboarding
Ciclo - HTML · SCSS · JS
Project Overview
Tech Stack
Minimal Multipurpose
About the Project
Minimal Multipurpose is a practice landing page focused on clean design, structured layout, and a minimal visual approach.
The project demonstrates a modular content system combined with a full-page scrolling experience, emphasizing readability, composition, and smooth transitions between sections.
Key Highlights
- Full-page scrolling layout with section-based navigation
- Smooth transitions between screens
- Modular structure: content, services, projects, stats
- Animated counters for statistics
- Clean minimal UI with strong typography
- Responsive layout across all devices
- Balanced composition of content and visuals
- Performance optimized, lazy loading, semantic HTML
Outcome
- Demonstrates ability to build clean and structured UI systems
- Showcases modular layout design and full-page navigation patterns
Debonaire - HTML · SCSS · JS
Project Overview
Tech Stack
Debonaire
About the Project
Debonaire is a modern landing page for a hair design and boutique studio, focused on premium presentation and brand storytelling.
The website emphasizes visual composition, smooth interactions, and a refined user experience, guiding visitors through services and brand identity in an elegant flow.
Key Highlights
- Responsive layout with premium, editorial-style design
- Layered hero section with depth and motion
- Parallax effects (scroll and mouse-based)
- Scroll-triggered animations and content reveal
- Service showcase with interactive presentation
- Rich visual composition with images and SVG elements
- Performance optimized (90+), lazy loading, semantic HTML
Outcome
- Demonstrates ability to build premium brand-focused interfaces
- Showcases advanced use of animation and visual storytelling
Quiz App - Vue · Node · MongoDB
Project Overview
Tech Stack
Quiz App
About the Project
Quiz App is a full-stack test assignment project with authentication, admin dashboard, quiz history, and Telegram Web App integration. The application allows users to complete quizzes, track results, and provides administrators with tools for managing users and quiz attempts.
Frontend Development
- Built responsive SPA interface using Vue 3 and Vue Router
- Implemented authentication flows with protected routes
- Created quiz interface with answer submission and result tracking
- Developed admin dashboard for users and attempts management
- Integrated Telegram Web App compatible interface and UX
- Managed global application state with Pinia
Backend & System Logic
- Designed REST API architecture with Express and MongoDB
- Implemented JWT authentication and secure password hashing
- Built quiz result storage and history tracking system
- Developed admin logic for managing users and quiz attempts
- Configured security middleware using Helmet, CORS, and validation
- Set up CI/CD workflows with GitHub Actions and Render auto-deploy