Интернет-магазин мобильных телефонов
Современное и функциональное e-commerce приложение каталога мобильных телефонов, разработанное в соответствии с профессиональным макетом Figma. Проект ориентирован на создание быстрого, интерактивного и полностью адаптивного интерфейса (Mobile-first).
Ключевой функционал проекта:
• Полноценный каталог товаров с пагинацией для удобной навигации.
• Гибкая сортировка (по цене, новизне, по алфавиту) и фильтрация по категориям.
• Живой поиск товаров по названию.
• Страница деталей продукта с полной информацией, галереей изображений (переключение фото) и блоком рекомендованных товаров.
• Функционал корзины: добавление/удаление товаров, управление количеством, динамический подсчет общей стоимости.
• Раздел «Избранное»: добавление товаров в избранное с сохранением состояния между сессиями пользователя (Persistent state).
Технологический стек:
• React (компонентная архитектура, хуки)
• TypeScript (строгая типизация данных)
• React Router DOM (реализация многостраничной навигации)
• SCSS / Bulma CSS (адаптивная pixel-perfect верстка по методологии BEM)
• Vite (быстрая сборка приложения)
• Cypress (тестирование работоспособности интерфейса)
• ESLint / Prettier (чистота и форматирование кода)
В ходе разработки были успешно решены сложные задачи по управлению глобальным состоянием приложения (корзина, избранное), оптимизации логики фильтрации больших массивов данных и обеспечению идеального отображения на смартфонах, планшетах и десктопах.
#react #typescript #frontend #scss #ecommerce #web-programming #verstka #figma
Ключевой функционал проекта:
• Полноценный каталог товаров с пагинацией для удобной навигации.
• Гибкая сортировка (по цене, новизне, по алфавиту) и фильтрация по категориям.
• Живой поиск товаров по названию.
• Страница деталей продукта с полной информацией, галереей изображений (переключение фото) и блоком рекомендованных товаров.
• Функционал корзины: добавление/удаление товаров, управление количеством, динамический подсчет общей стоимости.
• Раздел «Избранное»: добавление товаров в избранное с сохранением состояния между сессиями пользователя (Persistent state).
Технологический стек:
• React (компонентная архитектура, хуки)
• TypeScript (строгая типизация данных)
• React Router DOM (реализация многостраничной навигации)
• SCSS / Bulma CSS (адаптивная pixel-perfect верстка по методологии BEM)
• Vite (быстрая сборка приложения)
• Cypress (тестирование работоспособности интерфейса)
• ESLint / Prettier (чистота и форматирование кода)
В ходе разработки были успешно решены сложные задачи по управлению глобальным состоянием приложения (корзина, избранное), оптимизации логики фильтрации больших массивов данных и обеспечению идеального отображения на смартфонах, планшетах и десктопах.
#react #typescript #frontend #scss #ecommerce #web-programming #verstka #figma