Тестовое задание 13 Jul 2024
aldebaran - переделка лендинга TON-стейкинга в многостраничник
- React 18
- React Router
- Chart.js
- SCSS
- Tailwind
- Cloudflare
Лендинг авто-стейкинга на TON, перебранный из одностраничного шаблона Create React App со множеством мёртвых ссылок навигации, линейным графиком, ошибочно подписанным как круговой, дублирующимися карточками, абсолютно спозиционированным футером и текстами-заглушками. Превращён в маршрутизируемый многостраничный сайт (About, Documents, Audit, Instructions, 404) с рабочим доступным мобильным меню, исправлены все мёртвые ссылки и неработающие контролы, а ошибочно подписанный график заменён на корректный адаптивный линейный график на Chart.js (ref и очистка, таблица данных для скринридеров). Добавлена доступность (один h1, лендмарки, skip-ссылка, focus-visible, reduced-motion, реальные alt и заголовки таблиц), scroll-reveal, который никогда не оставляет контент скрытым, система дизайн-токенов на OKLCH с парой шрифтов Space Grotesk и Inter, брендовые кнопки, текстовые логотипы партнёров и многоколоночный футер. Все заглушки заменены на правдоподобные продуктовые тексты, проведён ребрендинг всего сайта. React 18, React Router 6, Chart.js, SCSS и Tailwind, развёрнуто на Cloudflare Pages.