SpaceChat
Доступы
Описание проекта
🧩 AI Стартап
📖 Описание проекта:
Динамичное веб-приложение для создания и общения с интеллектуальными ассистентами.
✓ Мощная логика взаимодействия с бэкендом
✓ Адаптивный дизайн и отзывчивый интерфейс
🚀 Функциональность
-
Авторизация
- Регистрация и вход по электронной почте (с подтверждением кода)
- OAuth-вход через Google-аккаунт -
Библиотека ассистентов
- Infinite-scroll для быстрой навигации
- Создание нового ассистента “на лету”
- Редактирование:- ✏️ Имя
- 🤖 Модель
- 📝 Описание
- 💡 Начальный промпт
-
Страница ассистентов
- Рекомендуемые (для вдохновения)
- Системные (встроенные)
- Пользовательские (ваши собственные) -
Настройки
- Интерфейс: язык и тема (светлая/тёмная)
- Персональные данные: аватар, никнейм
- Параметры AI-модели (язык, режимы)
- Управление аккаунтом: выход, удаление чатов, полное удаление -
Главная страница
- Поле быстрого запроса
- Блок рекомендованных ассистентов -
Страница чата
- Общение по WebSocket в реальном времени
- Редактирование и перезапись своих сообщений
- Реакции 👍/👎, копирование ответов AI -
Детали ассистента
- Полная информация и история диалогов
- Отображение времени последнего использования каждого чата
🛠 Технические особенности:
- WebSocket-обмен для мгновенных ответов
- Многочисленные infinite-scroll (меню, чат, библиотека)
- Высокая нагрузка бизнес-логики на клиенте
- Разные режимы моделей (WebSearch, Thinking-режим)
- Загрузка до 5 файлов/картинок (каждый до 10 МБ)
🎯 Моя роль
Frontend-разработчик
- Спроектировал и реализовал большую часть интерфейса (React + TypeScript)
- Организовал архитектуру состояний и подключил WebSocket
- Настроил адаптивную верстку и темизацию
- Оптимизировал infinite-scroll и управление файлами
Стек
- HTML
- Scss
- React
- TypeScript
- RTK
- Vite
