Web Chat React ⚛️

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

Вступление

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

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

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

npm start

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

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

npm run build

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

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

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

Интерфейс

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

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

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

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

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

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

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

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

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

Технологии

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

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

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