/web-chat-react

Веб-чат реакт с авторизацией гугла

Primary LanguageJavaScript

Web Chat React ⚛️

Этот проект создан при помощи Create React App.

Вступление

Приложение является альтернативной версией чата

Доступные скрипты

В папке проекта вы можете запустить:

npm start

Запустить приложение в режиме разработки.
Открыть http://localhost:3000 чтобы посмотреть проект.

Страница автоматически перезагрузится если вы сделаете изменения.
Все ошибки будут показаны в консоли.

npm run build

Собирает ваше приложение для продакшена в папке build .
Сборка оптимизируется для достижения максимальной производительности

Что умеет это SPA ?

  • Авторизация при помощи Google аккаунта
  • Все отправленные сообщения хранятся в FireBase Cloud FireStore
  • История всех сообщений
  • Отображение аватара пользователя
  • Выход из приложения посредством нажатия кнопки "Выйти"
  • Блокировка отправки пустого сообщения

Интерфейс

Приложене имеет приятный вид

Цветовая гамма прекрасно подходит для использования вечером и ночью

Отсутствуют яркие и броские цвета

Внешний вид приложения:

gif

Использование

Для корректной работы приложения вам необходимо иметь учетную запись Firebase

В файле App.js вставить данные вашего приложения в следующие поля

firebase.initializeApp({
  apiKey: "",
  authDomain: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: ""
})

Либо обратиться ко мне

Технологии

  • React
  • Firebase бесплатный хостинг приложений ,а также бэкенд

Сотрудничество

Если вы нашли ошибку или хотите помочь сделать это SPA лучше,оптимизированней или добавить функционал, то свяжитесь со мной :)