Skip to content

MASTA89BLASTA/sk_tech_frontend_test

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Тестовое задание для фронтенд-разработчиков

Установка проекта

  1. Создаем терминал по адресу папки server
  2. Создаем терминал по адресу папки client
  3. npm i для node_modules в каждую папку проекта client и server
  4. переходим в терминал где server
  5. создаём базу данных npx sequelize db:create
  6. Применяем миграции npx sequelize db:migrate,
  7. Применяем сиды npx sequelize db:seed:all

Запуск проекта

  1. Запускаем сервер в терминале папки server npm run dev,
  2. Запускаем клиент в терминале папки client npm run start,

Описание

Перед вами небольшой чат, написанный на React с использованием Redux + Saga:

chat

Сейчас сделаны заглушки на получение сообщений, а так же все отправленные сообщения хранятся только локально

Задачи

  1. При появлении новых сообщений должно быть видно последнее (скролл опускается вниз);
  2. Добавить возможность изменить username при клике на него и все последующие сообщения должны отправляиться с новым именем;
  3. Добавить в проект MUI (https://v4.mui.com/ru/) и переписать компонент на нем, т.е. заменить все на максимально подходящие компоненты и избавиться от стилей в css (можно использовать jss с помощью специальных методов MUI);
  4. Создать любую БД на ваше усмотрение, чтобы история сообщений сохранялась и при загрузке приложения они отображалась в чате;
  5. Список сообщений должнен обновляться в режиме online на всех устройствах, на которых открыто web-приложение.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 56.7%
  • JavaScript 43.3%