Skip to content

tyumen-777/mesto-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Проект: Место на нативном React


Ссылка на проект


Проект "Mesto" реализован автором в рамках 22 потока курса по Веб-разработке от Яндекс.Практикума.


Пользовательский интерфейс:

  1. Редактирование профиля пользователя: полей "имя" и "о себе", аватар пользователя.
  2. Добавление фотографии-карточки на сайт.
  3. Удаление добавленной пользователем карточки.
  4. Просмотр фотографии карточки в полном размере при клике на нее.
  5. Постановка и снятие лайка с карточки.
  6. UX функции:
    • адаптация сайта для мобильных устройств;
    • затемнение и уменьшение прозрачности активных кнопок и элементов;
    • закрытие попапа с сохранение данных формы при нажатии кнопки "Enter";
    • закрытие попапа по клику мыши за его пределами.

Применение инструментов:

  1. Компонетный подход БЭМ, в т.ч. файловая структура по правилам Nested БЭМ.
  2. Адаптивная верстка с применением медизапросов.
  3. Grid layout вёрстка.
  4. Flexbox вёрстка.
  5. Псевдоклассы.
  6. React:
    • применение JSX разметки;
    • применение хуков в функциональных компонентах;
    • работа с формами;
    • применение контекста;
    • применение рефов;
    • поднятие состояния.
  7. Применение HTTP API и Promise;

About

Фронтенд проекта Mesto на React.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published