Oleksii Dembnovetskyi

Single-page application that provides real-time weather forecasts with animated backgrounds and icons. Users can search for cities worldwide, view detailed weather data, and enjoy a responsive, visually engaging design.

Role: Frontend Developer

Frontend Features

Dynamic Backgrounds: Displayed weather-dependent background videos (e.g., rain, clouds, clear sky).Animated Weather Icons: Integrated interactive icons for clear visual representation of weather conditions.Responsive Design: Built a fully responsive layout for desktop and mobile using Tailwind CSS.LocalStorage Persistence: Stored the last searched city for automatic reload on app restart.Loading Animation: Implemented visual feedback during API requests.

Backend Development

OpenWeatherMap API Integration: Fetched current weather data and forecasts based on user input.Debounced Search: Implemented optimized API requests with delayed input handling to reduce redundant calls.

Technologies & Tools:

Web application for organizing daily tasks between parents and children, with personal dashboards, progress tracking, calendar-based planning, and educational motivation mechanics.

Role: Full-stack Developer

Frontend Features

Custom UI Components: Built reusable components like calendar task lists, kid selector, and animated feedback blocks.Separate Dashboards: Built individual views for parents (task creation, control) and children (task list, status updates).Protected Routes: Integrated access control using React Router for private/public login zones.

Backend Development

User Authentication: Implemented secure parent and child login with JWT-based tokens, stored in Redux state on the frontend.Password Hashing: Used bcrypt to hash passwords before storing in PostgreSQL.Role Separation: API logic is split between parent and child flows, with separate endpoints and access validation.PostgreSQL Integration: Designed and connected relational database models for users, children, task lists, and calendar data.Secure API Design: Created RESTful API routes for authentication, task management, and user-child associations with token verification middleware.

Technologies & Tools:

Web application for managing and customizing car chip tuning services, including dynamic vehicle filtering, order handling, and performance result visualization

Role: Full-stack Developer

Frontend Features

Custom Multi-Select UI: Designed a custom multi-select component using checkboxes and dropdown-like behavior to allow selection of multiple tuning services.Dependent Select Logic: Implemented a chain of dynamic select inputs (Make → Model → Fuel → Engine) with real-time data loading and automatic reset of dependent fields.Animated Performance Metrics: Created animated visual indicators for BHP and Torque gains, dynamically updated based on user input or tuning selection.Form Validation & Result Display: Added client-side validation, custom error notifications, and a responsive results block showing tuning outcomes.

Backend Development

Order Management System: Developed a custom order management system with full CRUD operations, status-based filtering, data editing, and the ability to send updates to clients.Role-Based Access Control: Implemented user role handling (admin, manager) with access restrictions and UI adjustments based on the assigned role.Dynamic Vehicle Filter API: Created PHP endpoints to serve dynamic filter data (make, model, engine, etc.), with support for caching and dependent dropdowns.Custom Service Data: Built a system for selecting, saving, and displaying tuning services using JSON-formatted data to support multi-selection and flexible rendering.

Technologies & Tools:

Web application about tasty and healthy goodies for dogs. The platform includes a product catalog, user accounts, shopping cart functionality, and administrative management features. It aims to promote healthy nutrition for pets while providing a smooth shopping experience.

Role: Full-stack Developer

Frontend Features

User Features: Developed user-centric features such as authentication, cart management, and order history.Modal Windows: Implemented modal windows to handle user interactions and display dynamic content.State Management: Refactored Redux store, services, and hooks to optimize state management and improve application performance.

Backend Development

User Management: Implemented and managed user-related functionalities, including user registration, login, and profile management.Authentication: Integrated Google authentication and refresh token mechanisms to enhance security and user experience.Refactoring: Conducted significant refactoring of backend components, improving code quality and maintainability across controllers, routes, middleware, services, and models.File Handling: Utilized Multer for file uploads and Sharp for image processing, effectively managing user-uploaded content.

Technologies & Tools:

Web application for learning English words using interactive flashcards. Designed for self-study, it supports pre-built and user-generated word lists, interactive card flipping, and local storage to retain progress across sessions.

Role: Front-end Developer

Frontend Features

Dynamic Vocabulary Lists: Implemented a system for displaying various English word lists (e.g., irregular verbs, most used words) and switching between them without page reloads.Flashcard Mechanism: Created interactive, flippable flashcards to enhance the learning experience, including next/previous navigation and front/back text display.User Inputs and Own Lists: Enabled users to add their own words and translations via a custom input form, persisting data in LocalStorage for offline use and personalized study.Responsive UI: Utilized Tailwind CSS for a clean, responsive design ensuring a seamless experience across various devices.LocalStorage Integration: Stored user-generated word lists locally, allowing continuity of learning progress after page reloads.Computed Properties and Reactivity: Leveraged Vue's reactivity and computed properties to automatically update the UI when switching between lists or modifying the current word index.

Technologies & Tools:

Website for law firm, showcasing services, legal team, and contact options. Built to reflect a professional corporate image, optimize for SEO, and simplify communication between clients and the legal office.

Role: Full-stack Developer

Frontend Features

Responsive Design: Crafted a responsive layout using HTML and SASS, ensuring an optimal viewing experience across devices, including desktops, tablets, and smartphones.Interactive Elements: Enhanced user experience with dynamic JavaScript features, such as real-time form validation and smooth scrolling to sections.Styling: Designed a clean and professional user interface tailored to the needs of a legal firm, emphasizing accessibility and readability.

Backend Development

Contact Form Integration: Implemented a secure and user-friendly contact form, enabling clients to submit inquiries directly through the website. Configured server-side validation and email notifications using Nodemailer.Email Notifications: Set up automated email responses to confirm receipt of client inquiries, improving user communication and engagement.

Technologies & Tools:

Patron-4U is a platform for connecting with like-minded pet owners. Users can create tasks, manage pet profiles, and stay informed through notifications. Built to facilitate care coordination among pet communities.

Role: Full-stack Developer

Frontend Features

React and Redux Toolkit: Built dynamic interfaces and managed application state across user sessions.Responsive Dashboard: Created a user dashboard for managing pet profiles, scheduled tasks, and notifications.UI/UX Design: Implemented a pet-friendly interface using Figma guidelines, ensuring accessibility and simplicity.Task Manager UI: Developed interactive task list with status updates, filter options, and due dates.

Backend Development

Routes and Controllers: Implemented business logic for users, tasks, and notifications with modular structure.Authentication: Integrated JWT-based authentication with secure password hashing and token verification.Data Validation: Used middleware to validate incoming data structures and ensure integrity.Swagger: Integrated API documentation for backend routes to assist developers during integration and testing.

Technologies & Tools:

Feature-rich web app for exploring and managing a personal movie library. Users can search films, view detailed info, add movies to favorites or watched list, and enjoy a responsive UI powered by real-time data from The Movie Database (TMDb) API. Developed collaboratively using Parcel, SCSS, and modern frontend tools.

Role: Frontend Developer

Frontend Features

Modular UI: Built responsive, interactive movie library interface using SCSS with mobile-first and adaptive breakpoints.TMDb API Integration: Connected to TMDb API to fetch and render real-time movie data including posters, ratings, trailers, and metadata.Search & Pagination: Implemented keyword search, genre filtering, and pagination via TUI Pagination for seamless navigation.Favorites & Watched Lists: Used `localStorage` to store user's personal movie lists and persist them across sessions.Notifications & Modals: Integrated Notiflix for alert messages and BasicLightbox for modal previews of movie trailers or images.Build & Tools: Used Parcel as a bundler, lodash.debounce for search input optimization, and VanillaTilt for subtle UI animation effects.

Technologies & Tools: