Описание
В рамках данного Технического задания разрабатывается Frontend платформы, позволяющей коммерческим пользователям загружать и скачивать файлы, создавать ключи для доступа к файлам, а также создавать собственные bucket’ы, в которых может организованно хранить данные.

То есть, нужно разработать Frontend сайта по предоставленному дизайну (адаптивы предоставляются) и связать с бекендом (документация предоставляется).

Стек и требования

• HTML5, CSS, JS
• Bootstrap
• jQuery
• Поддерживаемые браузеры
  
  • Google Chrome
  • Firefox
  • Opera
  • Edge
• Адаптивность
  
  • Desktop
  • Tablet
  • Mobile

Структура приложения

• Посадочная страница (Landing)
• Панель управления услугами пользователя (Dashboard)
  
  • Главная страница.
  • Настройки.
  • Платежная информация.
  • Техническая поддержка.
  • Уведомления.
  • Личный кабинет пользователя.

Страницы и разделы сайта Landing page Страница с информацией о проекте, ее нужно анимировать, сделать navbar, footer (вот это вот всё), и внести тексты, которые уже есть на дизайне.

Кнопки на лендинге:

• Try it Now — переадресует пользователя на страницу регистрации.
• Sign up — кнопка регистрации.
  
  • Когда пользователь нажимает на кнопку sign up, осуществляется переход непосредственно к форме регистрации. В рамках полей нужно прикрутить валидацию.
• Sign in — кнопка входа в личный кабинет.
• Try it now for free делает тоже самое, что и try it now.
• Sign up with Google, кнопка переводящая пользователя на Google auth

Другие элементы:

• Навигационная панель
• Калькулятор стоимости
  
  • Состоит из 2 radio button, ползунка и непосредственно картинки со стоимостью).
  • Формула по которой работает калькулятор предоставляется.
  • Необходимо сделать анимацию изменения цены в зависимости от расположения ползунка.
• Подвал, в котором есть ссылки на соцсети, навбар и ссылки - кнопки ведущие на политику конфиденциальности и условия использования. При нажатии на которые должны появляться поп-апы с текстом.

Личный кабинет пользователя (Dashboard) Dashboard — это пространство, с помощью которого пользователь управляет перечнем предоставляемых платформой услуг. Внутри он может создавать бакеты, добавлять access ключи, оплачивать услуги, обращаться в техподдержку и прочее.

Пункты меню:

• Main — главная страница личного кабинета, тут пользователь видит графики, создает бакеты, добавляет access ключи.
• Billing — здесь пользователь вносит данные для оплаты услуг, смотрит на стоимость потребления тарифа, качает инвойсы.
• Settings — тут, пользователь может изменить настройки связанные с данными, которые он вносил при регистрации.
• Support — а здесь, пользователь может обратиться к технической поддержке.

В Заголовке необходимо отверстать функционал уведомлений, отображение списка уведомлений, возможность клика на уведомление для просмотра расширенной версии. Там же в заголовке отображение профиля пользователя (перенести часть функционала меню).

Также, в заголовке находится непосредственно описание профиля пользователя, его тоже нужно показать

На Main странице нужно отверстать и анимировать графики, сделать поп-апы создания других сущностей (бакетов, ключей), все поп-апы отрисованы в дизайне, валидация для полей будет предоставлена по запросу.

На странице Billing нужно отверстать основные элементы (кнопки, таблицы, etc.), добавить анимацию на информационную панель о тарифе.

На странице Settings нужно сверстать элементы, добавить поп-апы, прописать анимации.

На странице Support необходимо сверстать элементы, добавить окно чата, реализовать простую логику добавления файлов и валидации, т.е. пользователь может перетащить файл, или ему может открыться окно проводника, нужно обработать эти моменты как для десктоп версии приложения, так и для адаптива.