SW Frontend

Прочтите FE

---

Оглавление

• О
• Экранное видео с веб-сайта и функции
• Ссылка на Диск
• Настройка проекта
• Авторы

О

• Проект, имитирующий фронтенд-часть Reddit.

Скриншот видео с сайта и особенности:

Аутентификация пользователя

• Войти с помощью Google
• Войти с помощью Facebook
• Зарегистрироваться
• Авторизоваться
• Забыть пароль
• Забыть имя пользователя
• Изменить пароль

SW1.mp4

SW1.mp4

---

?‍♂️ Профиль пользователя

• Обзор профиля (сообщения, комментарии, голоса «за», «против» и т. д.)
• Ваши сообщения
• Ваш комментарий
• Ваши голоса "за"
• Ваши отрицательные голоса
• Ваши сохраненные сообщения и комментарии
• Ваши скрытые сообщения и комментарии
• Ваша история
• Ваши подписчики

SW4.mp4

SW4.mp4

---

Сообщество (субреддит)

• Обзор сообщества (публикации, комментарии, голоса «за», «против» и т. д.)
• Сообщения сообщества
• Комментарий сообщества
• Категории сообщества
• Лучшие сообщества

SW7.mp4

SW7.mp4

---

? Почта

• Создать сообщение с форматированным текстом
• Создать пост с изображением и видео
• Создать публикацию со ссылкой
• Добавьте изюминку в пост
• Добавьте спойлер к посту
• Добавьте nsfw в сообщение
• Пост "за" и "против"
• Сохранить публикацию
• Скрыть публикацию
• Поделиться публикацией
• Редактировать собственное сообщение
• Удалить собственное сообщение
• Заблокировать собственный пост

SW3.mp4

SW3.mp4

---

? Поиск

• Поиск по сообщению
• Поиск по комментарию
• Поиск по сообществу
• Поиск по людям

SW9.mp4

SW9.mp4

---

?️ Комментарий

• Создать комментарий с форматированным текстом
• Вложенные комментарии любого уровня.
• Комментарии «за» и «против»
• Ответ на комментарий
• Редактировать собственный комментарий
• Удалить собственный комментарий
• Заблокировать собственный комментарий

SW2.mp4

SW2.mp4

---

? Уведомления

• Push-уведомления
• Все уведомления

---

✉️ Сообщения

• Отправить личное сообщение
• Все сообщения
• Непрочитанные сообщения
• Отправленные сообщения
• Опубликовать ответы
• Упоминания пользователей
• Удалить сообщение
• Спам-сообщение
• Ответ на сообщение

SW6.mp4

SW6.mp4

---

? Модератор

• Очереди
  • Заспамлен (только публикации, только комментарии, публикации и комментарии)
  • Отредактировано (только публикации, только комментарии, публикации и комментарии)
  • Немодерируемый (только публикации, только комментарии, публикации и комментарии)
• Управление пользователями
  • Забаненные пользователи
  • Пользователь с отключенным звуком
  • Одобренный пользователь
  • Модераторы
• Чутье и смайлики
  • Добавьте новый стиль
  • Редактировать стиль
  • Удалить чутье
  • Изменить порядок элементов
• Правила и положения
  • Добавить новое правило
  • Изменить правило
  • Удалить правило
  • Изменение порядка правил
• Настройки сообщества
  • Изменить название сообщества
  • Изменить описание сообщества
  • Изменить тему сообщества
  • Изменить язык сообщества
  • Изменить тип сообщества (публичное, частное, ограниченное)
  • Изменить регион сообщества
• Настройки публикаций и комментариев
  • Включить/отключить тег спойлера сообщества
  • Изменить предлагаемую сортировку сообщений
  • Включить/отключить изображение в сообщениях
• Трафик сообщества
  • День недели
  • Месяц
  • Просмотры страниц
  • Участники присоединились
  • Участники ушли

SW8.mp4

SW8.mp4

---

Пользовательские настройки

• Настройка учетной записи
• Настройка профиля
• Настройка электронной почты
• Настройки безопасности и конфиденциальности
• Настройка подачи

SW5.mp4

SW5.mp4

---

## Основные команды для запуска проекта: ### Настройка проекта и установка пакетов.

 npm install

Компилирует и выполняет горячую перезагрузку для разработки.

 npm run serve

Запускает проект по умолчанию на порту: 8081.

Компилирует и минифицирует для производства

 npm run build

После сборки проект находится в папке /dist в том же каталоге.

Запустите модульные тесты

 npm run test

Эта команда запускает все модульные тесты.

Создание отчета о покрытии

 npm run coverage

Эта команда создает отчет о покрытии index.html, включающий подробную информацию обо всех компонентах. Сгенерированный отчет о покрытии находится в каталоге проекта в разделе /coverage.

Запустить фиктивный сервер

 npm run json

Запускается на порту: 3000

Создание отчета о функциональной документации

 vuese gen

Чтобы создать отчет в папке /website в каталоге проекта.

Создать отчет о функциональной документации для магазина

 npm run jsdoc

Чтобы создать отчет в папке /out в каталоге проекта

Линты и исправления файлов

 npm run lint

Красивые файлы и исправления

 npm run prettier

Авторы

Асмаа Адель

Менаталь Хоссамалден

Норхан Реда

ХодаГамаль

Абдалхамедемад

Карим Сакер