Мини-дашборд. React+Redux
2 USDПеред стартом работ сделать оценку по времени, срокам выполнения и з/п.
Задание
Прототип мини-дашборда

Крупнее по частям


Сценарий использования + System Story:
При подгрузке страницы в дропдауне (3) с показателями подгружаются статические варианты:
Время (выбрано по умолчанию) - average_time
Отказы - bounce_rate
Сессии - sessions
По умолчанию выбран интервал (5) - последняя неделя.
В левой визуализации (1) подгружается статистика по источникам.
Для строки “Все источники и в среднем” отображаются суммарные данные по всем источникам и среднее значение показателя.
Для каждого источника отображается значение показателя за выбранный период и визуальное отклонение от среднего значения, при наведении на строку источника показывается абсолютная величина отклонения.
Отображается 10 строк данных отсортированные по выбранному показателю, сортировка браузерная.
АПИ первого графика по ссылке. (авторизация)
Итоговые данные в .total
Данные строки в .objects
название источника в utm_sourcemedium
выбранный показатель в total.analytics и objects[i].analytics
Выводить только строки, в которых utm_sourcemedium != ‘’
В правом графике (2) отображается итоговая статистика в разрезе времени
АПИ правого графика по ссылке
данные берутся из total.analytics.<выбранный показатель>
данные состоят из массива точек (X,Y)
координата X - время unixtime
координата Y - значение показателя
Пользователь выбирает источник в левом графике (4), Правый график актуализируется: отображает статистику в разрезе дат по выбранному источнику.
АПИ по ссылке
В utm_sourcemedium подставляется значение из выбранной строки в левом графике.
Пользователь меняет даты (5) - происходит обновление обоих графиков в соответствие с текущими параметрами выбранного источника и показателя.
Пользователь меняет показатель (3) - происходит обновление обоих графиков в соответствие с текущим параметром дат и выбранного источника.
Пользователь обновляет страницу - значение выбранного показателя сохраняется.
Условия выполнения задания
Можно и нужно использовать готовые компоненты
Взаимодействие реализовать в парадигме React + Redux
Использовать синтаксис EC6+
Авторизация
Авторизация работает через JWT
Для корректной работы необходимо передавать в cookie значение access_token, выданный при авторизации
Данные для авторизации:
https://testing.alytics.ru
alyticstest1
Current freelance projects in the category HTML & CSS
Comprehensive refinement of the WooCommerce store (UX, responsiveness, functionality)It is necessary to complete the development of the online store on WordPress (WooCommerce). Current site: https://lerise.com.ua/ Reference for functionality and usability level: https://katysoho.com.ua/Important It is not necessary to radically change the design of the site.… Content Management Systems, HTML & CSS ∙ 52 minutes back ∙ 15 proposals |
Setting up Tutor LMS Pro (Wordpress)
100 USD
Project Title: Configuration of Tutor LMS Pro (WordPress) Task Description: A WordPress developer is needed to configure the LMS platform on our website. The site is built on WordPress with the plugin Tutor LMS Pro. Tasks: 1. Fixing Course Display • Fix the overlap of the… HTML & CSS, Web Programming ∙ 1 hour 18 minutes back ∙ 25 proposals |
A turnkey website for wedding photographers: design + text + launchWe are looking for a specialist (or studio) to create a turnkey portfolio website - a full cycle from concept to publication. We want minimal involvement from our side: you take the task and bring it to a finished result. What is included in the "turnkey" work: • Design in… HTML & CSS, Web Design ∙ 7 hours 3 minutes back ∙ 77 proposals |
Looking for a web designer / developer on WordPress (Divi builder)https://annalecat.com/corporate-training/ What needs to be done: We have one page on the website that currently looks bad. It needs to be redesigned and laid out so that it looks beautiful, modern, and neat. What we already have for work: Text: Fully prepared and divided into… HTML & CSS, Web Design ∙ 2 days 3 hours back ∙ 36 proposals |
Processing and filling out a package of documents (Word and PDF)
68 USD
Looking for a freelancer for the prompt completion and formatting of a document package using ready-made templates (contracts, agreements, declarations). The task includes: Filling out these templates (candidate data, conditions, dates) in ready Word/PDF forms; Checking the… HTML & CSS, Text Editing & Proofreading ∙ 2 days 19 hours back ∙ 33 proposals |