Описание

Разработать веб-приложение, которое позволит пользователям взаимодействовать с несколькими популярными AI-моделями (ChatGPT, Claude и др.) через единый интерфейс, без необходимости переключаться между разными сайтами и оплачивать отдельные подписки. Приложение должно обеспечить удобный чат-интерфейс, сохранение истории диалогов и генераций в базе данных, а также возможность быстрого развёртывания в виде изолированной системы с минимальными настройками для конечного пользователя.

Решение

Разработал архитектуру SPA-приложения на React с использованием TypeScript для типизации данных, получаемых от множества AI-сервисов.
Настроил сборку проекта на Vite
Реализовал бекенд-прослойку на Express.js для проксирования запросов к API нейросетей и сохранения сессий и генераций в PostgreSQL.
Спроектировал адаптивный интерфейс с использованием Tailwind CSS, обеспечив единую стилистику для карточек моделей и чат-интерфейса.
Контейнеризировал приложение с помощью Docker, настроив взаимодействие контейнеров frontend, backend и базы данных.
Интегрировал REST API для получения ответов от современных AI-моделей (ChatGPT, Claude и др.) в реальном времени.

Результат

Успешно разработано и контейнеризировано полнофункциональное веб-приложение для агрегации AI-моделей с единым чат-интерфейсом, сохранением истории в PostgreSQL и проксированием запросов через Express.js. Проект готов к развёртыванию, все модули взаимодействуют стабильно, интерфейс адаптивен и типобезопасен.

Презентация проекта

Ссылки на примеры реализации