AnTools

Antools предполагается как постоянно-обновляемая веб-энциклопедия о платных и бесплатных инструментах для дизайна и разработки, без которых сейчас немыслимы комфортная и продуктивная работа.

В проекте реализован следующий функционал:

• приложение написано на React + TypeScript, в качестве дополнительных библиотек использованы Swiper JS (слайдер рекомендаций) и React Router (основная навигация), из хуков - useState.
• согласно ТЗ страница сверстана без адаптива, в фиксированных единицах и %.
• разметка выполнена по методологии БЭМ, стилизация реализована с использованием styled-components;
• вёрстка выполнена по Pixel Perfect и проходит стресс-тесты на недо/переполнение контента.
• сеточные блоки сверстаны с применением flexbox/grid layout.
• большая часть SVG вынесена в спрайт для чистоты разметки.
• сымитировано добавление инструментов в избранное и личную подборку, добавлены некоторые состояния интерактивных элементов по своему видению.
• слайдер рекомендаций реализован в полном объеме, перелистывание производится как стандартными кнопками, так и прокруткой/свайпами.
• для сборки проекта используется Webpack;