⚛️
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: ""
})
Либо обратиться ко мне
Технологии
Сотрудничество
Если вы нашли ошибку или хотите помочь сделать это SPA лучше,оптимизированней или добавить функционал, то свяжитесь со мной :)