Middle Frontend Developer для створення MVP цифрової спортивної AI-платформи · Next.js / React / TypeScript та з поступовим переходом до створення повноцінного продукту.
Про проєкт
Ми створюємо велику цифрову платформу на перетині спорту, штучного інтелекту, education та digital services.
Платформа буде об'єднувати спортивні програми, тренерів, спортивні організації, користувачів, контент, AI-інструменти та різноманітні сервіси.
У перспективі це має бути не просто інформаційний сайт, а повноцінна спортивна digital ecosystem, яка працюватиме на міжнародному ринку.
На першому етапі ми створюємо MVP продукту.
Головна мета MVP — створити візуально сильний, сучасний та технологічно правильно побудований продукт, який можна показувати:
- потенційним інвесторам;
- партнерам;
- спортивним організаціям;
- клієнтам;
- майбутній команді;
- потенційним представництвам.
При цьому MVP має стати технічною основою для подальшого масштабування.
На даний момент ми зорієнтовані на створення максимальної кількості візуальної складової проекту. При цьому однією з вимог які ставляться до нашого співробітника є активне використання АІ в створенні продукту за допомогою АІ агентів та їх оркестрація та контроль якості коду.
Без даного навику не має сенсу відгукуватись на дану посаду.
Також бажано володіти мінімальними навиками створення бекенду так як потрібно буде створити робочий кабінет користувача та функціональну оплату на сайті та можлиов інші нескладні функції.
Важлива особливість вакансії
Перші кілька місяців ви будете єдиним розробником на проєкті.
Ми шукаємо самостійного Middle Frontend Developer, який зможе самостійно побудувати frontend MVP під нашим продуктовим і дизайнерським напрямком.
Вам не потрібно буде створювати складний backend.
На старті буде лише мінімальний backend / API, необхідний для роботи MVP. Частина даних може працювати через mock API або тестові дані.
Після створення MVP до проєкту буде підключено backend-розробника та інших спеціалістів.
Тому від кандидата очікуємо не лише вміння писати React-компоненти, а й розуміння frontend architecture та здатність самостійно приймати технічні рішення.
Головне завдання
Створити frontend MVP цифрової спортивної платформи, який:
- має виглядати як готовий міжнародний digital product;
- демонструє майбутню концепцію платформи;
- реалізує основні користувацькі сценарії;
- має якісну responsive-версію;
- має правильну SEO- та performance-архітектуру;
- готовий до підключення повноцінного backend;
- у майбутньому дозволяє створити мобільні застосунки iOS та Android;
- може масштабуватися без переписування frontend з нуля.
Що являтиме собою платформа
У перспективі продукт може включати:
- спортивні академії та організації;
- спортивні програми;
- тренерів;
- спортсменів;
- спортивні події;
- турніри;
- тренування;
- розклад;
- спортивний контент;
- відео та фото;
- особисті кабінети;
- систему заявок;
- онлайн-платежі;
- marketplace;
- систему рекомендацій;
- AI-помічника;
- AI-пошук;
- персоналізовані рекомендації;
- аналітику;
- систему оцінювання та розвитку спортсменів;
- комунікацію між спортсменами, батьками, тренерами та організаціями.
Не весь цей функціонал потрібно реалізувати в MVP.
На першому етапі головне — створити правильний продукт-фундамент та показати його візуально і функціонально.
Технологічний стек
Основний стек
- Next.js
- React
- TypeScript
- Next.js App Router
- Tailwind CSS або інший погоджений UI/component approach
- REST API
- Git / GitHub
Бажані технології
- TanStack Query
- Zustand
- Zod
- React Hook Form
- Storybook
- Playwright
- Axios / Fetch
- OpenAPI
Архітектура
Ми не хочемо створювати одноразовий frontend prototype.
Навіть на етапі MVP необхідно закласти архітектуру майбутнього продукту.
Базовий принцип:
UI ↓Components ↓Features ↓Services / API Layer ↓Backend
На MVP:
Next.js ↓API / Mock API ↓Test Data
У майбутньому:
Next.js ↓API Gateway ↓Full Backend ↓Database ↓AI ↓Payments ↓CRM ↓External Services
Frontend-компоненти не повинні бути прив’язані безпосередньо до конкретного джерела даних.
Майбутній backend
Зараз backend буде мінімальним.
Він потрібен лише для базових функцій MVP.
Наприклад:
- отримання даних;
- базові заявки;
- авторизація;
- форми;
- тестова робота з користувачами;
- базові API endpoints.
Усе, що потребує складної бізнес-логіки, може бути реалізовано на наступних етапах.
При цьому frontend повинен мати окремий API abstraction layer, щоб після появи повноцінного backend не довелося переписувати компоненти.
Майбутня мобільна платформа
Одна з ключових вимог — можливість у майбутньому створити:
- iOS application;
- Android application.
Розглядається React Native / Expo.
Тому великим плюсом буде досвід із React Native.
Бажана архітектура:
Shared Types / API / Logic │ ┌───────┴───────┐ │ │ Next.js React Native Web Mobile
Мета — максимально повторно використовувати API contracts, типи, validation schemas та окремі частини бізнес-логіки.
Що потрібно реалізувати в MVP
Головна сторінка
- презентація продукту;
- основні напрямки;
- спортивні програми;
- AI-функціональність;
- переваги платформи;
- спортивні організації;
- тренери;
- події;
- контент;
- CTA;
- форми заявок.
Спортивні програми
Користувач повинен мати можливість:
- переглядати програми;
- фільтрувати;
- шукати;
- переглядати детальну інформацію;
- обирати програму;
- залишати заявку.
Спортивні організації
Структура може бути:
Country ↓City ↓Organization / Academy ↓Programs ↓Coaches
Архітектура повинна дозволяти масштабування від кількох організацій до сотень і тисяч.
Тренери
- профіль;
- спеціалізація;
- досвід;
- програми;
- рейтинг / відгуки;
- доступність.
Події
- спортивні події;
- турніри;
- тренування;
- майстер-класи;
- календар.
Контент
- новини;
- статті;
- відео;
- фото;
- аналітичні матеріали.
AI
AI буде одним із ключових напрямків розвитку продукту.
У перспективі можливі:
- AI-помічник;
- AI-пошук;
- рекомендації спортивних програм;
- підбір тренера;
- персоналізований спортивний контент;
- аналіз прогресу спортсмена;
- AI-рекомендації щодо розвитку;
- інтелектуальний пошук по платформі.
Frontend Developer не повинен створювати AI-моделі.
Але необхідно розуміти, як правильно інтегрувати frontend з AI API та зовнішніми сервісами.
Візуальний результат — критично важливий
На етапі MVP одна з головних цілей — показати майбутній продукт візуально.
Тому нам потрібен frontend, який виглядатиме як продукт міжнародного рівня, а не як технічний prototype.
Особлива увага:
- pixel-perfect implementation;
- якісна типографіка;
- responsive;
- animation;
- transitions;
- hover states;
- skeleton loading;
- empty states;
- error states;
- mobile UX;
- форми;
- мікроанімації.
Дизайн буде наданий у Figma.
Performance
Необхідно правильно використовувати можливості Next.js:
- Server Components;
- Client Components;
- SSR;
- SSG;
- caching;
- lazy loading;
- image optimization;
- code splitting;
- Core Web Vitals.
Ціль — швидкий frontend, який добре працює навіть на мобільних пристроях.
SEO
Публічна частина платформи повинна бути підготовлена для пошукових систем.
Необхідні:
- metadata;
- Open Graph;
- sitemap;
- robots.txt;
- structured data;
- SEO-friendly URLs;
- semantic HTML;
- правильна структура заголовків.
Ваша зона відповідальності
Перші місяці ви будете основним frontend engineer.
Ваша відповідальність:
Frontend architecture
Побудувати основу продукту.
Component system
Створити reusable components.
UI implementation
Перенести дизайн із Figma у production.
Features
Реалізувати основні користувацькі сценарії.
API layer
Створити правильну взаємодію frontend із backend/mock API.
Responsive
Забезпечити якісний UX на desktop/tablet/mobile.
Performance
Оптимізувати frontend.
SEO
Підготувати публічні сторінки.
Scalability
Закласти архітектуру для майбутнього масштабування.
Чого ми НЕ очікуємо
Вам не потрібно самостійно розробляти:
- складний backend;
- мікросервісну архітектуру;
- PostgreSQL;
- складну backend business logic;
- AI-моделі;
- CRM;
- мобільні застосунки на першому етапі.
Ваш основний фокус:
Next.js + React + TypeScript + якісний MVP + правильна архітектура.
Must Have
- 2+ роки комерційного frontend-досвіду;
- React;
- Next.js;
- TypeScript;
- Next.js App Router;
- REST API;
- Git;
- Figma;
- responsive development;
- SSR / SSG / CSR;
- frontend architecture;
- здатність самостійно вести frontend-напрям.
Буде великим плюсом
- React Native / Expo;
- marketplace;
- SaaS;
- спортивні digital products;
- AI integrations;
- великі web platforms;
- monorepo;
- Turborepo / Nx;
- TanStack Query;
- Zustand;
- Zod;
- Storybook;
- Playwright;
- Docker;
- CI/CD;
- OpenAPI.
Якого спеціаліста ми шукаємо
Нам потрібна людина, яка може працювати самостійно.
Перші місяці не буде великої frontend-команди, яка щодня розподілятиме вам десятки дрібних задач.
Ви повинні вміти самостійно:
- розібрати Figma;
- декомпозувати завдання;
- запропонувати технічне рішення;
- побудувати структуру frontend;
- оцінити обсяг роботи;
- реалізувати функціонал;
- протестувати;
- виправити помилки;
- підготувати результат до демонстрації.
При цьому продуктові та дизайнерські рішення будуть обговорюватися з командою.
Після MVP
Після завершення першого MVP планується поступове розширення команди:
- Backend Developer;
- додаткові Frontend Developers;
- Mobile Developer;
- UI/UX Designer;
- QA;
- DevOps;
- AI Developer.
Тому перший Frontend Developer матиме можливість стати одним із ключових інженерів продукту та надалі розвиватися до Senior / Lead Frontend Developer.
Що потрібно надіслати у відгуку
- Коротко про себе.
- Комерційний досвід.
- Досвід із React / Next.js / TypeScript.
- 2−3 найкращі проєкти.
- GitHub.
- Portfolio.
- Досвід із React Native / Expo.
- Досвід роботи з REST API.
- Приклади проєктів, де ви самостійно приймали frontend architectural decisions.
- Бажаний формат роботи.
- Очікувану оплату.
Формат роботи
Middle Frontend Developer
Перші кілька місяців — єдиний frontend-розробник на проєкті та основна технічна відповідальність за створення MVP frontend.
Після запуску MVP — розширення команди та функціональності.
Це можливість стати першим frontend engineer цифрової спортивної AI-платформи, закласти її frontend-архітектуру та безпосередньо вплинути на те, яким буде продукт у майбутньому.
Ключова мета першого етапу:
Створити MVP, який можна показати світу — візуально сильний, функціональний, швидкий і технічно готовий до масштабування.