Ruslan Rastehaiev
Offer Ruslan work on your next project.
Private message
Offer work
Kharkiv,
Ukraine
17 hours 33 minutes back
available for hire
age 33 years
on the service 7 years
Rating
Successful projects
Average rating
Language proficiency level
Українська: fluent
English: upper-intermediate
CV
Are you looking for a reliable and responsible Frontend Developer to help you with your tasks or your team?
Hi! My name is Ruslan. I have over 7 years of professional experience and am proficient in the essential web technologies JavaScript, HTML, CSS, etc. During this period, I have gained extensive experience in solving various front-end tasks.
So I’m happy to help you with:
💻 Conversion of concepts and design files into functioning frontend applications
💻 Adaptive, cross-browser, and semantic layout
💻 Development of UI React components using Bootstrap, MUI, Tailwind CSS or without them
💻 Development of JavaScript/Typescript functionality (Vanilla JS, React.js, Next.js)
💻 Performance improvement web-app
💻 Optimize your website loading speed
If you are looking for help with layouts, or some frontend functionality, or need a frontend team member –reach out. I’m happy to help. I have experience working in teams and good communication skills. I’m tactful, responsible, self-disciplined, and with good manners developer.
P.S. If you’re embarrassed by my raid, don’t worry, tell me about your tasks, and we can always agree.
Skills and abilities
Portfolio
-
SaaS B2C AI Platform for IT Interview Preparation
Web Programming
A B2C AI-based platform for IT specialists who are preparing for technical interviews.
The idea of the product was to let users choose a role and skill level, and then go through test sessions with questions dynamically generated by an AI model for the specific candidate profile.
… The client came with an MVP idea and an offer to join the project as a technical co-founder. I worked on the product together with a UI/UX designer and was responsible for the full technical development cycle: from architecture to launch.
=== MY TASK ===
To develop and launch an AI platform MVP from scratch: design the architecture, implement the frontend and backend, integrate the OpenAI API, connect Stripe payments, set up the database, server infrastructure, and CI/CD process.
=== WHAT WAS DONE ===
• implemented the MVP product from scratch as a Core Full-Stack Engineer;
• built the frontend and backend with Next.js and TypeScript;
• integrated the OpenAI API to generate test questions based on the user’s role and skill level;
• designed the MongoDB structure for users, sessions, payments, and access rights;
• connected the Stripe API for paid session payments;
• implemented real-time access checks for paid functionality;
• set up CI/CD with GitHub Actions;
• worked together with a UI/UX designer and turned a business idea into a working B2C product;
• launched the MVP, which received 100+ registrations in free mode at the first stage.
=== PROJECT FEATURES ===
An important part of the project was the OpenAI API integration. It was not enough to simply “send a request to the model”. I had to write system prompts in a way that allowed the AI to generate stable, predictable, and relevant questions for different roles and skill levels.
The payment logic was also challenging. It was necessary to integrate the Stripe API, store transaction information in MongoDB, and correctly check user access to paid sessions.
Another important feature was my role as a Core Full-Stack Engineer. I was responsible not only for the UI, but for the whole technical path of the MVP: architecture, frontend, backend, database, integrations, CI/CD, and product launch.
=== RESULT ===
The client received a launched MVP of an AI platform built on a modern stack: with a responsive interface, question generation through the OpenAI API, payments through Stripe, a database, server infrastructure, and a configured CI/CD process.
At the first stage of the launch, the product received 100+ registrations in free mode.
The project was later closed, so there is no public link available now.
=== TECHNOLOGIES ===
Next.js, TypeScript, MongoDB, Redux Toolkit, RTK Query, OpenAI API, Stripe API, Ant Design, GitHub Actions
#NextJS #TypeScript #FullStackDevelopment #AI #OpenAI #OpenAIAPI #Stripe #StripeAPI #MongoDB #ReduxToolkit #RTKQuery #AntDesign #MVP #SaaS #B2CProduct #AIPlatform #StartupMVP #CICD #GitHubActions #WebApp
-
Migration of a Sports Platform to Next.js Without Losing SEO
Web Programming
A British B2C platform that aggregates information about sports events around the world and allows users to proceed to ticket purchases through partners.
The project already existed and had organic traffic, so the main task was not just to “redesign the website”. It was necessary to move it to a modern technology stack, update the interfaces, improve performance, and at the same time keep the SEO structure that was already working.
… === MY TASK ===
To take part in the migration of the existing platform to Next.js, implement new frontend functionality, optimize the performance of key pages, and help preserve the search structure of the website during the move to a new framework.
=== WHAT WAS DONE ===
• implemented new pages and components based on the updated design;
• developed a high-performance sports event search page for stable work during peak traffic periods;
• recreated the blog and SEO content structure on the new stack;
• designed the routing so that it followed the existing URL hierarchy.
=== PROJECT FEATURES ===
The main challenge was that the website already had organic traffic and established positions in Google. That is why the migration to Next.js had to be careful: it was not enough to simply move the pages. It was necessary to recreate the URL structure for the blog, news, and SEO content so that search engines could correctly understand the updated version of the website.
For this, I used Screaming Frog, analyzed the current page structure, and built the routing on the new stack without chaotic changes in the links.
The second important part was the sports event search page. During peak hours, it had to handle very high traffic, with 200,000+ users at the same time. Because of this, it was important to work carefully on performance: avoid unnecessary re-renders, not overload the DOM, correctly handle large lists of events, and keep a smooth user experience.
This was not just a UI project. It was a technical migration of an existing platform, where it was necessary to balance new design, performance, SEO, and product stability.
=== RESULT ===
The client received an updated frontend part of the platform built with Next.js, with a modern interface, improved performance, and preserved SEO structure logic.
The event search page was optimized to work with large amounts of data and high traffic during peak periods.
The migration made it possible to move the existing product to a modern technology stack without chaotic loss of important pages, URL structure, and SEO logic.
=== TECHNOLOGIES ===
Next.js, TypeScript, Material UI, React Hook Form, Redux, React Query, REST API, Screaming Frog
#NextJS #React #TypeScript #FrontendDevelopment #SEO #TechnicalSEO #Migration #WebApp #SportsPlatform #HighLoad #PerformanceOptimization #ReactQuery #Redux #MaterialUI #ReactHookForm #RESTAPI #FrontendOptimization #B2CPlatform
-
Frontend development of SaaS for the restaurant business
Web Programming
SaaS platform for the restaurant business in the Israeli market.
The product was intended to cover two parts: an interface for restaurant customers and an internal system for staff. Customers could book a table, place orders, and pay for them, while managers, waiters, supervisors, and administrators could manage the restaurant, employees, orders, inventory, and supplies.
… The client came with a ready design in Figma and a preliminary timeline estimate from other developers. My task was to fully implement the frontend part of the product from scratch and bring it to a working MVP.
=== MY TASK ===
Develop the frontend architecture of the SaaS product and implement the complete client side of the web application using React and TypeScript: from the basic project structure to complex business logic, real-time functionality, user roles, subscription access, and responsive interfaces.
=== WHAT WAS DONE ===
• Designed the architecture of the entire frontend part of the application;
• Implemented the interface for restaurant customers: table booking, order creation, menu browsing, and payment;
• Implemented interfaces for restaurant staff: managers, waiters, supervisors, and administrators;
• Implemented real-time tracking of orders, inventory, and supplies via WebSockets;
• Built access logic to features based on user roles and subscription plans;
• Implemented subdomain-based logic for restaurants so that different restaurants could operate through their own subdomains;
• Implemented the entire UI with the Ant Design and TailwindCSS design systems;
• Responsible for performance, accessibility, security, and quality of the frontend code;
• Assisted a junior developer: delegated tasks, conducted code reviews, and explained implementation approaches.
=== PROJECT FEATURES ===
The main complexity of the project was not in individual screens but in the business logic of the product. It was necessary to implement a multi-tenant architecture where each restaurant has its own logic, data, and subdomain, while the entire system operates as a single SaaS product. A particularly complex part was the access system. The product needed to account for not only user roles — manager, supervisor, waiter, admin — but also the restaurant's subscription plan. For example, some features could only be available for certain subscriptions: adding employees, real-time inventory tracking, advanced analytics, and other capabilities.
Another important task was implementing payment in a cross-domain flow. The cart was formed on the restaurant's subdomain, while payment was processed through the main domain. This required securely transmitting data between different domains without breaking the user scenario.
The project also had time constraints. It was necessary to quickly determine priorities for the MVP and not neglect architectural solutions for further scaling of the project.
=== RESULT ===
The client received a fully functional MVP of the SaaS platform for the restaurant business. The frontend part was implemented from scratch: with responsive interfaces for customers and staff, real-time order updates, a role system, subscription limitations, subdomain-based logic for restaurants, and a complex payment scenario between domains. The project was brought to a working MVP in a short time, despite changing requirements and a more complex real logic than was laid out in the initial estimate.
=== TECHNOLOGIES ===
React.js, TypeScript, Redux Toolkit, RTK Query, Ant Design, TailwindCSS, WebSockets, pusher.js, laravel-echo, window.postMessage()
#React #TypeScript #FrontendDevelopment #SaaS #MVP #ReduxToolkit #RTKQuery #AntDesign #TailwindCSS #WebSockets #FrontendArchitecture #MultiTenant #Subdomains #AccessControl #RestaurantSaaS #RestaurantManagement #WebApp #JavaScript
-
Germany | Website for a Beauty Master with SEO for Google Leads
HTML & CSS
Website for a beauty specialist in Germany who works in her own private studio and provides permanent makeup and eyelash lamination services.
At first, the client had a page built with a website builder. The task was to move it to clean and valid code, expand the website with separate pages for each procedure, add new sections, and prepare the website for organic promotion in Google for the main services.
… === MY TASK ===
To rebuild the website from a website builder into clean, fast, and responsive code while keeping the main brand style, expand the website structure with separate service pages, and prepare the pages for SEO promotion in Google.
=== WHAT WAS DONE ===
• rebuilt the homepage from a website builder into clean HTML/CSS/JS code;
• removed unnecessary builder code and rewrote the JavaScript functionality for interactive elements;
• kept the main visual style of the website: colors, mood, and brand presentation;
• developed the website structure: homepage, 7 separate procedure pages, privacy policy page, and legal notice page;
• created sections to improve conversions: who the procedure is suitable for, procedure card, work examples, studio gallery, reviews, and FAQ;
• developed unique interactive elements: a work gallery in the style of an Instagram feed, a slider in the style of Instagram Stories, and an FAQ section in the format of an online chat;
• prepared responsive layouts for desktop, tablet, and mobile;
• implemented a Cookie Policy to meet European requirements;
SEO
• analyzed key search phrases that users use to look for these procedures in Germany, in the city of Cologne;
• together with the beauty specialist, prepared texts for the service pages based on relevant keyword searches;
• added schema.org markup to help search engines better understand the services;
• created and set up a Google Business Profile so the specialist’s studio could appear on Google Maps;
• connected Google Search Console to analyze indexing and the technical condition of the website;
• optimized page loading speed to the green zone in Google PageSpeed.
=== PROJECT FEATURES ===
There was no ready-made design in Figma for this project, so I had to work from the existing page built on a website builder. I kept the main color palette and style, but moved the website to clean, controlled, and much lighter code without unnecessary builder code.
One of the main challenges was to rebuild the homepage without losing the current positions in Google organic search results. That is why it was important to transfer the structure, content, key pages, technical SEO elements, and not break the indexing.
Another important point was the content for the German target audience. The beauty specialist is not from Germany, so the website had to do more than just look beautiful. It also had to build trust with local clients through the page structure, explanations of procedures, work examples, reviews, legal pages, and correct presentation of the services.
=== RESULT ===
The client received a complete multi-page website instead of a page built on a website builder: with clean and valid code, fast loading speed, responsive design for all main devices, and separate SEO pages for key procedures.
The website was prepared for organic promotion in Google, and the pages for the top procedures started to appear in organic search results for relevant search queries. This gave the specialist an additional channel for attracting clients without paying for ads.
=== TECHNOLOGIES ===
HTML5, SCSS, JavaScript, Gulp, CDN Image Service, schema.org, Google Search Console, Google Business Profile
#frontendDevelopment #responsiveLayout #responsiveDesign #HTML #SCSS #JavaScript #SEO #SchemaOrg #GoogleSearchConsole #GoogleBusinessProfile #PageSpeed #beautyWebsite #websiteForBeautySpecialist #serviceWebsite
-
Responsive layout for an electronic development compamy
HTML & CSS
The company develops electronic devices, drones, tracking systems, and other engineering solutions. They needed a website to present their services, development process, and completed projects.
The company covers the full cycle of device development: from idea, conceptual design, visualization, and mechanical design to electronics development, IT, prototyping, industrial design, and support for serial production.
… === MY TASK ===
To prepare responsive, cross-browser, and animated layout based on the Figma design for the landing page and a separate company case study page.
A separate challenge was that the design included only the desktop version, so the responsive behavior for tablet and mobile had to be planned and implemented independently.
=== WHAT WAS DONE ===
• developed the landing page layout;
• developed the layout for a separate project / case study page;
• implemented responsive layout for desktop, tablet, and mobile;
• prepared the layout for correct display on large screens, including 9K monitors;
• implemented animated content appearance on scroll;
• added animations for the main page blocks;
• implemented looped animations for decorative background elements;
• configured sliders and gallery;
• wrote JavaScript logic for interactive elements.
=== PROJECT FEATURES ===
The main task was not just to develop the page layouts, but to make the website feel alive, technological, and dynamic.
For this, an animation system was implemented: main elements appeared on scroll, while decorative background elements had looped motion. This created the effect of a “live” page without overloading the interface.
A separate challenge was adapting the website for very large screens, including 9K monitors. To prevent the interface from looking too small or broken at such resolutions, relative units and proportional scaling of elements were used in the layout.
The project also did not include a ready-made mobile design, so the responsive behavior of the blocks had to be planned independently while preserving the logic, style, animation, and visual character of the desktop version.
=== RESULT ===
The client received responsive and cross-browser website layout that works correctly across different devices — from mobile screens to 9K monitors.
-
Responsive Design for a Jewelry Online Store on WordPress
HTML & CSS
A Ukrainian brand of handmade designer jewelry needed a non-standard online store to present collections, individual products, a gallery, and prepare the layout for further WordPress integration.
=== MY TASK ===
… To prepare responsive, cross-browser, and interactive layout based on the Figma design for further handoff to the WordPress developer.
=== WHAT WAS DONE ===
• developed the layout for the main website pages: Home, Collection, Collection slug, Product, Single object, Gallery, Static page;
• implemented responsive layout for desktop, tablet, and mobile;
• prepared the layout with future WordPress integration in mind;
• implemented frontend logic for interactive elements;
• developed and configured a custom cart;
• implemented validation for the cart and checkout;
• implemented sliders, animations, and interactive blocks;
• prepared a non-standard product grid;
• implemented animated banners for collection pages;
• optimized the layout so the static version had green scores in Google Speed Test.
=== PROJECT FEATURES ===
The main feature of the project was its non-standard design approach to an online store. It was not a typical e-commerce template, but a visually expressive website for handmade jewelry with custom grids, animations, and separate display logic for collections.
The collection page was especially challenging. On desktop, it was implemented as a full-screen vertical slider with scroll-based interaction and animated appearance of banner elements. On mobile, the same logic was adapted into a different UX format: a horizontal image slider with the description placed below it.
The custom cart and checkout layout were also implemented separately, including field validation.
=== RESULT ===
The client received a responsive working layout of all main online store pages with ready frontend functionality for further WordPress integration.
The layout preserved the unique visual concept of the design, worked correctly across different devices, and was prepared for handoff to the WordPress developer.
=== TECHNOLOGIES ===
HTML5, SCSS, JavaScript, jQuery, BEM, Animate.css, Slick.js, WordPress-ready layout, Gulp
#layout #responsiveLayout #HTML #SCSS #JavaScript #jQuery #WordPress #Figma #PixelPerfect #BEM #Gulp #onlineStore #eCommerce #jewelryBrand #handmadeJewelry #SlickJS
-
WordPress website layout for a company's mobile app
HTML & CSS
Adaptive layout development for a multi-page website for a mobile app development company.
The company needed a corporate website to present its services, expertise, case studies, blog, vacancies, and collect inquiries from potential clients.
… === MY TASK ===
To prepare clean, responsive, and cross-browser layout based on the Figma design for further integration into WordPress.
=== WHAT WAS DONE ===
• developed the layout for the main website pages: Home, Expertise, About Us, Cases, Case, Blog, Article, Career, Contact Us, Privacy Policy, 404;
• implemented pixel-perfect layout;
• prepared full responsiveness for desktop, tablet, and mobile;
• wrote JavaScript logic for interactive elements;
• implemented burger menu, sliders, popups, accordions;
• configured lazy loading for YouTube testimonial videos;
• implemented form validation considering the structure of the WordPress form plugin;
• prepared the HTML/CSS/JS structure for handoff to the WordPress developer;
• optimized the layout to achieve green scores in Google Speed Test.
=== PROJECT FEATURES ===
One of the main challenges was the responsive layout of case study banners. Each case had different proportions and formats of the main image, so it was not possible to use one universal solution.
For each banner, I worked out the responsive behavior separately so that the images looked correct on different screens and did not break the design composition.
=== RESULT ===
The client received clean, valid, responsive, and optimized layout ready for further integration into WordPress.
=== TECHNOLOGIES ===
HTML5, SCSS, JavaScript, jQuery, BEM, Slick.js, Gulp
#layout #responsiveLayout #HTML #SCSS #JavaScript #jQuery #WordPress #Figma #PixelPerfect #BEM #Gulp #corporateWebsite #ITCompanyWebsite #GooglePageSpeed
Activity
| Latest proposals 10 | Budget | Added | Deadlines | Proposal | |
|---|---|---|---|---|---|
|
Универсальная верстка поп-ап для любого сайта
11 USD
|
|||||
|
Оптимизация сss/html
68 USD
|
|||||
|
Calculator with multiple variables, WordPress site
9 USD
|
|||||
|
Правки с джавой, вёрсткой
5 USD
|
|||||
|
Верстка из Figma
45 USD
|
|||||
|
Сайт студии массажа
45 USD
|
|||||
|
Доработать одностраничный сайт
25 USD
|
|||||
|
Writing a script for Tildas
8 USD
|
|||||
|
Адаптивная верстка сайта игрового ПО
271 USD
|
|||||
|
Версталищик Фигма найдись
56 USD
|
