niyazm524 / blablatutor Goto Github PK

Создать главную страницу сайта

Deadline: 18 апреля, 18:00

Вдохновение можно черпать отсюда
В остальном приветствуется соответствие макету, с отклонениями по фреймворку

Изменения в ветке fr_main_page или что-то подобное

Главная страница перестала быть адаптивной

Возможные решения:

• max-width: 85% для мема
• убрать мемас

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

Для начала подумать, как это может выглядеть, обсудить в issue или в чате с дизайнером и другими фронтендерами, как сделать это логичнее и проще для пользователя (и эстетичнее)

Подготовить express для работы с api

1. Удалить папку public
2. Убрать express.static в app.js
3. Переименовать папку routes в api, сделать тестовый api:

GET /api/test
должен возвращать json {"status": "ok"}, HTTP status 200

POST /api/test
должен возвращать json {"error": "not implemented"}, HTTP status 501

6. Прочитать про REST API

Настроить работу с бекендом на фронте

• добавить axios в проект
• оценить, можно ли обойтись без Vuex
• сделать асинхронные методы вызова API, вывод ошибок в случае неудачи
• localStorage

Включить режим history для Vue Router

Регистрация, авторизация пользователей через токен jwt

• модель пользователя
• bearer
• passport.js

Создать страницу профиля

• посмотреть, какие данные можно выводить в профиле
• выполнить приближённо к макету

Все поля будут храниться в объекте пользователя

Подготовить страницу с занятием

Сделать страницу с одним занятием, организовать возможность быстрого добавления функционала в будущем, когда будет готово api

Создать модели групп и предметов по спецификации

Только модели! members для группы сделать как массив объектов, как это сделать — смотреть в гугле, если что спрашивать. Протестировать модели по возможности.

Создайте шаблонное приложение express.js

Deadline: 16 апреля, 14:00

Обязательно поместите его в папку backend в корне проекта!

Для создания понадобится Node.js LTS и в дальнейшем пригодится WebStorm (можно обойтись и Intellij IDEA, в таком случае в настройках нужно будет добавить плагин Node.js включить синтаксис ES6, поэтому проще скачать WebStorm)

Инструмент для создания шаблонного проекта

Команда для создания

express --no-view --git backend

P.S. в отдельной ветке гита, ветки называйте понятно

Написать api для групп и предметов

Выяснить, какие операции понадобятся, у фронтендеров и PM'a.
Создать api по аналогии с пользователем. Объяснить процесс бекендерам-сокомандникам

Обновить модель пользователя в соответствии с сделанной схемой

Модель находится по пути backend/models
Описать поля, подправить фрагмент с регистрацией (чтобы эти поля сохранялись) в api/users.js. Также выводить эти данные в self, реализовать метод update (если что почитайте про rest api)