Макет проекта Figma

https://www.figma.com/community/file/1196454541938995616

Проект в Netlify:

https://celadon-meerkat-82a83d.netlify.app/

Описание

Проект предсталяет собой практическую работу выполняемую в процессе обучения на курсе "Мидл фронтенд-разработчик".

Cпринт №1 реализовано:

• Настроена сборка с использованием Parcel
• Настроена локальная раздача статики Express-сервером на 3000 порту
• Подключен шаблонизатор Handlebars
• Свёрстаны прототипы экранов:

• Авторизация
• Регистрация
• Профиль
• Чат
• ошибка 404,500

• Приложение автоматически деплоится на Netlify

Cпринт №2 реализовано:

• Подключение Eslint и styleint к проекту
• Переход на typescript
• В проект внедрен компонентный подход
• Обновление компонентов на основании пропсов
• В формах проекта добавлена валидация ( при отправке формы данные отображаются в console.log)
• Добавлен HTTPTransport

На текущем этапе разработки (спринт №3) реализовано:

• Добавлен роутинг (переход по сслыкам и кнопкам браузера)
• Авторизация, регистрация на сервере
• Редактирование профиля пользователя
• Подключен websocket
• Страница чатов:
  • Создание чата
  • Добавление пользователя в чат
  • Удаление чатов
  • Получения списка чатов
  • Отправка/ Получение сообщений

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

Установка зависимостей:

npm i

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

Сборка проекта и запуск статического сервера на Express, на порту 3000. http://localhost:3000:

npm run start

Дополнительные команды

Сборка проекта:

npm run build

Сборка проекта с наблюдением за файлами:

npm run dev