Frontend-разработка

SpaceChat

Доступы

Описание проекта

🧩 AI Стартап

📖 Описание проекта:

Динамичное веб-приложение для создания и общения с интеллектуальными ассистентами.

✓ Мощная логика взаимодействия с бэкендом
✓ Адаптивный дизайн и отзывчивый интерфейс

🚀 Функциональность

  1. Авторизация
    - Регистрация и вход по электронной почте (с подтверждением кода)
    - OAuth-вход через Google-аккаунт

  2. Библиотека ассистентов
    - Infinite-scroll для быстрой навигации
    - Создание нового ассистента “на лету”
    - Редактирование:

    • ✏️ Имя
    • 🤖 Модель
    • 📝 Описание
    • 💡 Начальный промпт
  3. Страница ассистентов
    - Рекомендуемые (для вдохновения)
    - Системные (встроенные)
    - Пользовательские (ваши собственные)

  4. Настройки
    - Интерфейс: язык и тема (светлая/тёмная)
    - Персональные данные: аватар, никнейм
    - Параметры AI-модели (язык, режимы)
    - Управление аккаунтом: выход, удаление чатов, полное удаление

  5. Главная страница
    - Поле быстрого запроса
    - Блок рекомендованных ассистентов

  6. Страница чата
    - Общение по WebSocket в реальном времени
    - Редактирование и перезапись своих сообщений
    - Реакции 👍/👎, копирование ответов AI

  7. Детали ассистента
    - Полная информация и история диалогов
    - Отображение времени последнего использования каждого чата

🛠 Технические особенности:

  1. WebSocket-обмен для мгновенных ответов
  2. Многочисленные infinite-scroll (меню, чат, библиотека)
  3. Высокая нагрузка бизнес-логики на клиенте
  4. Разные режимы моделей (WebSearch, Thinking-режим)
  5. Загрузка до 5 файлов/картинок (каждый до 10 МБ)

🎯 Моя роль

Frontend-разработчик

  1. Спроектировал и реализовал большую часть интерфейса (React + TypeScript)
  2. Организовал архитектуру состояний и подключил WebSocket
  3. Настроил адаптивную верстку и темизацию
  4. Оптимизировал infinite-scroll и управление файлами

Стек