Задание 1

Реализовать приложение - мини-личный кабинет (использовать Vue.JS (Nuxt.JS) - SSR).

Список страниц:

  • "/" - главная - список тикетов пользователя + подробный просмотр
  • "/login"- страница входа
  • "/profile" - страница профиля

     

Все страницы недоступны без авторизации (перекидывать на страницу login).

 

Страница входа (поля):

  • логин (username: admin)
  • пароль (иконка скрыть/показать пароль) (password: admin)

 

Страница профиля

  • Информация о пользователе
  • Имя
  • Фамилия
  • Дата рождения (datepicker)
  • Город (select, небольшой список городов на своё усмотрение)

 

Главная

  • Список тикетов

 

Реализовать простую тикет-систему (можно использовать localStorage)
Желательно:

  1. Использовать SCSS вместо компонентных css-фреймворков
  2. Использовать нативный JS

Задание 2

Разработать SPA приложение

В качестве фреймворка использовать VueJS / NuxtJS.
Задание:

Разработать SPA приложение, в котором реализовать todo-list (план дел на ближайшее время) со следующими простыми возможностями:

  • Добавление новой задачи
  • Удаление задачи
  • Отметка задачи как выполненной/не выполненной
  • Синхронизация состояния задач с хранилищем (чтобы после перезагрузки страницы данные не пропадали)

 

Основные требования:

  • адаптивная верстка;
  • кросс-браузерность.

 

Верстка должна быть выполнена с использованием препроцессора scss или sass. Желательно использовать сетку Bootstrap 4(5).

Дизайн и остальные технологии остаются на усмотрение кандидата.

Составные части приложения должны быть в компонентах.

Задачи нельзя поставить на «вчерашний» день.

Задание 3

Реализовать приложение - мини-личный кабинет (использовать Angular.js + NgRx + SPA).

Список страниц:

  • "/" - главная - список тикетов пользователя + подробный просмотр
  • "/login"- страница входа
  • "/profile" - страница профиля
  • "/ticket" - список тикетов пользователя + подробный просмотр

     

Все страницы недоступны без авторизации (перекидывать на страницу login).

 

Страница входа (поля):

  • логин (username: admin)
  • пароль (иконка скрыть/показать пароль) (password: admin)

 

Страница профиля

  • Информация о пользователе
  • Имя
  • Фамилия
  • Дата рождения (datepicker)
  • Город (select, небольшой список городов на своё усмотрение)
  • Список тикетов
  • Список обращений в техническую поддержку

 

На страницах должны быть хлебные крошки

При выполнении задания нужно использовать фейковый Rest сервер


Отправить задание