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

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


Сценарий использования + 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
Załączniki 3
-
194 Выполню на Vue/Vuex.Срок три дня с запасом.Могу приступить сегодня.https://t.me/s10nick
-
270 4 0 1 Здравствуйте, Иван.
Готов обсудить и реализовать Ваш проект.
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Szukam doświadczonego programisty Full Stack do stworzenia usługi SaaS dla sklepów internetowych.Pomysł usługi: Klient przesyła link do swojego pliku produktowego (XML lub CSV). Usługa automatycznie pobiera produkty, pobiera ich zdjęcia i tworzy nowe reklamy na podstawie gotowych szablonów: cena, zniżka, logo, banery promocyjne itp. Usługa powinna również zawierać prosty… Javascript & Typescript, Programowanie stron internetowych ∙ 2 dni 12 godzin temu ∙ 86 ofert |
Rozwój sceny WebGL/Three.js z generowaniem i eksportem 3D (snapshot) z animowanego shaderaOpis obiektu: Projekt przedstawia designerski stół, wykonany w formie realistycznego, głębokiego wiru (centralna wirówka, która płynnie przechodzi z szerokiego poziomego blatu w cienką, elegancką nogę). Istota zadania: Wymagany jest programista WebGL / Creative Coding do… Javascript & Typescript, Programowanie stron internetowych ∙ 3 dni 9 godzin temu ∙ 30 ofert |
Wsparcie i rozwój strony internetowej firmy sprzątającej
75 PLN
Szukam programisty / webmastera do długoterminowego wsparcia i rozwoju strony internetowej firmy sprzątającej. Strona: https://donely.ca O projekcie DoneLy Home Services — firma świadcząca usługi sprzątania w Kanadzie, która aktywnie się rozwija i rozszerza zasięg działalności.… Javascript & Typescript, Programowanie stron internetowych ∙ 5 dni 10 godzin temu ∙ 64 oferty |
Opracowanie strony internetowej według specyfikacji na FramerTrzeba zrobić stronę według tych parametrów, które są w specyfikacji https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Podajcie rzeczywistą stawkę na podstawie tego projektu Układ HTML i CSS, Javascript & Typescript ∙ 6 dni 11 godzin temu ∙ 30 ofert |
Opracowanie interaktywnej mapy Palworld dla strony internetowejPotrzebna jest interaktywna mapa Palworld na wzór: https://palworld.gg/map Potrzebujemy nie tylko statycznego obrazka, ale pełnoprawnej interaktywnej mapy, na której użytkownik może przeglądać lokalizacje, włączać/wyłączać kategorie obiektów, wyszukiwać potrzebne punkty i… Układ HTML i CSS, Javascript & Typescript ∙ 8 dni 2 godziny temu ∙ 36 ofert |