ignavan39 / telework

Statistics on web platforms used by quarantined teachers on 04/12/20

Hi there 👋

About:

• My name is Ivan, I work 🏢 and write code 💻 all the time
• Passionate about Web and Distributed Systems
• Javascript expirience since 2020
• Golang expirience since 2021
• Started programming in 2016 in C to solve exam problems

🛠️ languages and tools:

📊 Stats

Contacts:

|

telework's Issues

Миграция на React

• Мигрировать клиента на реакт
• библиотека для отрисовки пока что остановился вот на этой

для @Ocultus задачи :

• оформить два компонента в которых будут обрабатываться данные перед отрисовкой графика

Сдлеать график для раздела "время у телефона"

• Сделать страничку
• Вставить график (Pie)
• Фильтры по регионам и школам

Добавить storybook

Добавить больше типов для Actions

• request
• reject
• receive

Front : вынести Answer в types

Он много где используется , это было бы логично

Разбить всё на компоненты

Atomic design

Некоторые компоненты ( графики ) по своей логике одинаковые - можно их шаблонизировать

• вынести title , select, drop-down в компоненты, т.к они тоже повторяются

Формировать цвет для графика с помощью hsl

Иногда цвет генериться очень рандомно

• добавить hsl вместо

colors = Array<string>();
    for (let i = 0; i < counters.length; i++) {
      colors.push(`rgb(
                ${Math.floor(Math.random() * Math.floor(255))}
                ,${Math.floor(Math.random() * Math.floor(255))}
                ,${Math.floor(Math.random() * Math.floor(255))})`);

Переделать логику графиков

Придумать как не плодить кучу страниц для разных графиков а унифицировать графики по их типу
(Pie / Bar) чтобы в итоге осталось две .vue сущности

Оптимизировать под мобилки

Добавить swagger

Добавить график (Время на подготовку , проведение урока)

• Сделать страничку
• Вставить график (Bar)
• Фильтры по регионам и школам

Настроить автодеплой

Pie Chart по районам (миграция на React)

• parse Data
• приготовить данные для options (charts library)

Переделать дизайн Footer

• Добавить ссылку на гитхаб

• Добавить значки с ссылками на ВК всей команды

Сделать отправку ответа прям на сайте

• авторизация по токену Гугла
• форма для отправки ответа
• фиксация ответа на бэке

Перевести проект на Vue3+TS

Guide

Мигрировать на chartJs

График по школам отображает прошлый state

• разобраться со state

Баг с подстветкой столбца в Bar chart

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

vue-charts api

Удалить папку public

Она больше не нужна, всё билдится в build

Добавить переключатель на тёмную/светлую тему

• добавить светлую тему

Перекинуть всю логику обработки информации по запросу на бэкеннд

• добавить query запросы по типу :

api/?school=108

• перевести логику обработки формирования данных для графика на бэкеннд

Пример:

const parseData = () => {
    const answersMap = new Map<string, number>();
    let totalNumberHere = 0;
    if (school === "all") {
      answers.map((item) => {
        totalNumberHere++;
        if (answersMap.has(item.ready)) {
          let counter = answersMap.get(item.ready);
          if (counter) {
            counter++;
            answersMap.set(item.ready, counter);
          }
        } else {
          answersMap.set(item.ready, 1);
        }
      });
    } else {
      answers.map((item) => {
        if (item.school.trim() === school.trim()) {
          totalNumberHere++;
          if (answersMap.has(item.ready)) {
            let counter = answersMap.get(item.ready);
            if (counter) {
              counter++;
              answersMap.set(item.ready, counter);
            }
          } else {
            answersMap.set(item.ready, 1);
          }
        }
      });
    }

При загрузке страницы не отображается "Готовность" сразу

• переименовать в "готовность к удаленной работе"
• пофиксить либо через хуки, либо придумать другой способо отрисовки

Переделать логику взятия данных

Брать csv не из локальной таблички, а попробовать брать с гугл диска

Guide

• Получить токен
• Написать логику работы с Google Sheets API