Frontend-разработчик в AI стартап Hypescribe

О проекте:

HypeScribe это веб-приложение, предназначенное для транскрибации аудио и видео контента. Наша платформа использует модели STT и LLM для создания точных транскрипций, summary и интерактивного взаимодействия с контентом через AI-чат. Мы помогаем пользователям экономить время, быстро обрабатывая записи онлайн-встреч, лекций, интервью и другого медиа-контента.
Ключевые функции:

• Многоформатная транскрибация - Платформа поддерживает загрузку аудио и видео файлов, вставку ссылок из популярных платформ (YouTube, TikTok, VK, Rutube, Reddit, Twitter, Vimeo, Google Drive).

• AI-ассистент для встреч (NoteTaker) - Наш бот-NoteTaker в реальном времени транскрибирует и обобщает онлайн-встречи в Zoom, Google Meet и Microsoft Teams.

• Высокая скорость и точность - HypeScribe способен транскрибировать один час аудио менее чем за 30 секунд, достигая точности до 99% благодаря нашим провайдерам, а также мы тренируем собственную модель ИИ.

• Умные заметки и AI-чат - Искусственный интеллект автоматически генерирует summary из транскрипци, а встроенный чат-бот позволяет задавать вопросы по содержимому файлов.

• Возможности экспорта - Готовые транскрипции можно легко экспортировать в форматах Google Docs, Word, PDF, TXT и Markdown.

Кого мы ищем:

Мы ищем опытного Frontend-разработчика со знанием английского языка, от уровня B2, который сможет улучшить мобильный и настольный интерфейс нашего продукта. Вы будете работать с дизайном и функциональностью UI, делая приложение удобнее и красивее для наших пользователей.

Наша архитектура:

Наше приложение построено на Next.js App Router. Часть кода работает в браузере (чистый фронтенд). Часть кода работает на сервере Next.js, но находится рядом с фронтенд-кодом (API routes, server actions). Мы не ожидаем, что вы будете бэкенд-инженером, но мы ожидаем, что вы будете комфортно работать в full-stack

Чем предстоит заниматься:

• Разрабатывать и поддерживать frontend-часть нашего продукта.

• Улучшать frontend-архитектуру.

• Работать с UI/UX, создавая интуитивно понятный и привлекательный интерфейс.

• Обеспечивать высокое качество кода и производительность приложения.

Требуемые навыки и технологии:

Core Frontend (браузер, UI, клиентский рантайм)

Основной фреймворк и язык:

• React 18.3.1 с Hooks, Context API, Client/Server Components

• TypeScript 5 со строгим режимом и path aliases (@/*)

Стилизация и UI компоненты:

• Tailwind CSS 3.4 с утилитарным подходом, кастомной конфигурацией и поддержкой тёмного режима

• Radix UI с 20+ примитивными компонентами (Dialog, Dropdown, Toast, Accordion и т.д.)

• shadcn/ui паттерны - кастомная библиотека компонентов на основе Radix примитивов

• next-themes для реализации тёмного режима

• Lottie Web для рендеринга анимаций

Управление состоянием и клиентские данные:

• React Context API с 8+ контекст-провайдерами (DarkMode, Sidebar, Recording, Language и т.д.)

• SWR 2.3 для получения данных, кэширования и переиспользования

• Кастомные хуки (usePageTranslation, useToast, useMobile)

Формы и валидация:

• React Hook Form 7.54 для управления состоянием форм

• Zod 3.24 для валидации схем

• @hookform/resolvers для интеграции React Hook Form и Zod

UI/UX библиотеки:

• Lucide React - библиотека иконок (450+ иконок)

• Recharts 2.15 для визуализации данных и графиков

• Sonner для уведомлений (Toast)

• react-day-picker для выбора дат

• cmdk для командной палитры/меню

• vaul для компонента Drawer

• react-resizable-panels для панелей с изменяемым размером

• embla-carousel-react для карусели/слайдера

Работа с медиа и файлами:

• React Player для воспроизведения аудио/видео

• music-metadata для парсинга метаданных аудио

• Нативные API браузера для drag-drop файлов

Markdown и контент:

• react-markdown для рендеринга Markdown с кастомными компонентами

Экспорт документов:

• jsPDF для генерации PDF

• html2pdf.js для конвертации HTML в PDF

• docx для генерации документов Word

Интернационализация:

• Кастомная система i18n с многоуровневой трансляцией (статические файлы, кэш localStorage, API)

• Поддержка 11 языков - en, es, fr, de, zh, ja, ko, pt, it, ru, ar, hi

Архитектурные паттерны:

• Адаптивный дизайн - mobile-first подход, отдельные мобильные компоненты

• Композиция компонентов - переиспользуемые, модульные компоненты

• Context провайдеры - паттерн вложенных провайдеров для глобального состояния

• Кастомные хуки для абстрагирования бизнес-логики

• Управление модальными окнами - централизованное через TranscriptionModalsContext

Ключевые концепции:

• Hydration и SSR/CSR паттерны

• Концепции Progressive Web App (PWA)

• Паттерны адаптивного дизайна (компоненты для десктопа vs мобилы)

• Реализация тёмного режима

• Доступность (ARIA, навигация с клавиатуры)

Что мы предлагаем:

• Заработная плата от 150.000 до 170.000₽

• Удаленная работа - Работайте из любой точки мира.

• Гибкий график

• Международная команда - Возможность работать с профессионалами из разных стран и улучшать свой английский.

• Интересный продукт - Вы будете создавать продукт, который действительно меняет жизнь пользователей к лучшему.

Если вы готовы присоединиться к нашей команде и внести свой вклад в создание инновационного продукта, мы будем рады получить ваш отклик!