AnTools

HTML-верстка
4 просмотра
22.01.2023
2880×105042 МБ
AnTools@2x.png

[url=https://devcrew-antools-itwaslazyday.vercel.app/]Antools[/url] предполагается как постоянно-обновляемая веб-энциклопедия о платных и бесплатных инструментах для дизайна и разработки, без которых сейчас немыслимы комфортная и продуктивная работа. В проекте реализован следующий функционал: [list][*] приложение написано на React + TypeScript, в качестве дополнительных библиотек использованы Swiper JS (слайдер рекомендаций) и React Router (основная навигация), из хуков - useState.[*]согласно ТЗ страница сверстана без адаптива, в фиксированных единицах и %.[*]разметка выполнена по методологии БЭМ, стилизация реализована с использованием styled-components;[*]вёрстка выполнена по Pixel Perfect и проходит стресс-тесты на недо/переполнение контента.[*]сеточные блоки сверстаны с применением flexbox/grid layout.[*]большая часть SVG вынесена в спрайт для чистоты разметки.[*]сымитировано добавление инструментов в избранное и личную подборку, добавлены некоторые состояния интерактивных элементов по своему видению.[*]слайдер рекомендаций реализован в полном объеме, перелистывание производится как стандартными кнопками, так и прокруткой/свайпами.[*]для сборки проекта используется Webpack;[/list]
JavaScriptTypeScript