Дмитро Добровольський

Предложите Дмитро работу над вашим следующим проектом или зарегистрируйте профиль фрилансера и начинайте зарабатывать прямо сейчас.

Киев, Украина

1 месяц 17 дней назад

свободен для работы

возраст 24 года

на сервисе 6 месяцев 19 дней

Рейтинг

Успешных проектов

Средняя оценка

Рейтинг

HTML и CSS верстка

1214 место из 5620

Javascript и Typescript

820 место из 3449

Уровень владения языками

Навыки и умения

Программирование

HTML и CSS верстка
от 500 UAH за день
Javascript и Typescript
от 500 UAH за день
Веб-программирование

Тёплое сердце

Javascript и Typescript

Теплое Сердце — это интернет-магазин, разработанный с использованием современных технологий веб-разработки, таких как React, RTK, CSS модули, Swiper.js, Animate.css и React-Loading-Skeleton. Сайт обеспечивает удобную платформу для покупок с множеством полезных функций.

Основные особенности:

… Адаптивная верстка: сайт полностью соответствует макету и отлично отображается на различных устройствах.

Слайдер: с помощью Swiper.js на главной странице реализован слайдер, который позволяет эффективно представлять товары.

Пагинация: используя запросы к серверу через JSON Server, страницы делятся на отдельные части для удобства навигации по большому количеству товаров.

Карточки товаров: каждый товар представлен в виде карточки с основными характеристиками, ценой и возможностью добавления в корзину.

Корзина: пользователь может добавлять товары в корзину и просматривать их в любой момент.

Последние просмотренные товары: сайт отслеживает последние просмотренные товары и предоставляет их пользователю для быстрого доступа.

Поиск: есть встроенная система поиска, которая позволяет быстро находить товары по заданным критериям.

Технологии:

React: для создания динамичных и реактивных компонентов.

RTK (Redux Toolkit): для централизованного управления состоянием приложения, упрощая работу с данными.

CSS Модули: для стилизации компонентов, что позволяет избежать конфликтов классов и делает стили локальными.

Swiper.js: для создания красивого и функционального слайдера на главной странице.

Animate.css: для добавления анимаций, что делает взаимодействие с сайтом более живым и динамичным.

React-Loading-Skeleton: для отображения skeleton-экранов во время загрузки данных, улучшая пользовательский опыт.