R50 53125064f081677fb98c4eec3986bef8
Программист, разработчик

Одностраничный сайт с функционалом Instagram

Добавлено 14 мар 2023 в 10:14
проект "React-mesto" Ссылка на GitHub Pages Одностраничный сайт с функционалом Instagram Реализованы следующие функциональности:
  • Редактирование профиля и аватара
  • Добавление и удаление карточек(удалять можно те карточки, которые пользователь добавил сам, чужие карточки не удаляются)
  • Добавление и удаление лайков + счетчик
  • Открытие фотографии в полном размере
  • Регистрация и авторизация
Адаптивная верстка При использовании медиазапросов создан адаптивный сайт. Основные интервалы медиазапросов: 1280, 1024, 768, 320.

Анимация Была реализована анимация для кнопок и картинок при наведении. Открытие и закрытие попапов - плавное.

Технологии
  • HTML5
  • CCS3
  • JavaScript (стандарт ES6)
  • React (Create React App, портирование разметки в JSX, функциональные компоненты + хуки)
  • Адаптивная верстка (мобильные устройства, планшеты, десктопы)
  • Методология БЭМ (файловая структура)
  • Flexbox
  • GRID
  • Позиционирование
  • Псевдоклассы
  • Webpack
182d8602b4 3e4ee43f5c 5ecfa6c8ef 2bc42762e3 87cb068c70 F6250d40e0 Db422169ec