Небольшое Full-stack приложение по визуализации данных, хранящихся на сервере.
Запустить возможно, введя в терминале:
cd ./backend
node index.js
Папка frontend является dev сервером
Чтобы запустить его, введите в терминале:
cd ./frontend
npm i
npm run dev
Vite - удобно делать фронт, компайлить, настраивать прокси.
Express - Что бы не писать гору лишнего кода на чистом Node.
14.02.2023(вт):
•Создал сервер
•Наполнил сервер данными
•Создал сайт
•Настроил базовое API соединение
•Наладил прокси на dev сервере фронтенда
•Создал "State" объект графика (по аналогии с Redux-toolkit)
15.02.2023(ср):
•Подключил SVG
•Создал Conditional rendering в SVG, в зависимости от свойств State объекта
•Прорабатываю Архитектуру Приложения
•Создал Git репозиторий и этот README файл
16.02.2023 (чт)
17.02.2023 (пт)
•Хаотично чинил, что вчера не документировал
20.02.2023 (пн)
•Понял какой чепухи я наделал
•Исправил нерабочий viewBox (По-сути опять заплатки, только рабочие)
•Сделал интерактивный кроссхейр
•Кроссхейр очень сильно лагает, скорее там гигантская свалка временных переменных.
21.02.2023 (Вт)
•Починил кроссхейр
•Создал симуляцию изменения данных на сервере и их подкрузки на клиенте
22.02.2023 (Ср)
•Сделал Тултип (пока уродливый)
►По сути, я сделал все условия тестового, но есть 3 проблемы:
○ уродство
○ некорректное отображение тиков на осях (там в формуле просчет. где-то какая-то лишняя переменная и все тики съезжают на пару пикселей.)
○ 10px gap по краям тригербокса
Поскольку все задачи тестового, формально, выполнены, я начну с навведения порядка
►Мне нужно навести порядок в:
1)код
2)файловая структура
3)визуальная составляющая