Пародийный магазин с полным набором функций: каталог с фильтрами, карточка товара, корзина с промокодами, оформление заказа и история заказов. Вся одежда нарисована кодом, а шуток здесь больше, чем скидок.
Показать, что я могу собрать интернет-магазин целиком, а не только красивую витрину. Чтобы это не было скучно, магазин получился пародией: «Это не H&M, это M&H». Бренд отзеркален буквально: у сайта есть кнопка «Отзеркалить», а логотип меняет буквы местами.
Одностраничное приложение на чистом JavaScript с hash-роутингом, без фреймворков и сборки. Корзина, избранное и заказы хранятся в localStorage, а фотографий товаров нет вообще: каждая вещь, от худи до кота в свитере, рисуется SVG-кодом и перекрашивается под выбранный цвет.
На телефоне меню превращается в бургер, каталог переходит на две колонки, а фильтры выезжают отдельной панелью на весь экран.
Корзина открывается шторкой, а форма заказа складывается в одну колонку. Горизонтального скролла нет.
зависимостей: чистые HTML, CSS и JavaScript
товаров, нарисованных SVG-кодом
экранов: главная, каталог, товар, корзина, заказ и другие
промокода, один из которых магазин принципиально отвергает