Проектная работа: "Mesto (Reactjs App)". Создана в рамках учебы в Яндекс.Практикум на курсе "Веб-разработчик".

Описание:

"Mesto (React App)" - это интерактивная страница, где пользователи могут делиться фотографиями. В работе применены расширенные возможности HTML, CSS и JavaScript. Данная работа переведена на фреймворк React.

GithHub Pages	Проектная работа на GitHub Pages

Примененные знания

• Верстка

  • Соверменная верстка с использованием Flexbox и Grid Layout
  • Семантическая верстка
  • Адаптивная верстка сайта для разных экранов (от 320 до 1280+)
  • Верстка форм (текстовые поля и кнопки)
  • Методология БЭМ

• React

  • использование Create React App
  • хуки useState и useEffect
  • поднятие стейта
  • глобальный стейт через React Context
  • управляемые компоненты в элементах формы
  • использование реф для прямого доступа к DOM-элементам

Инструкция по установке:

git clone https://github.com/goldlexx/mesto-react.git

Запустите локальный сервер разработки с функцией перезагрузки в реальном времени для статических и динамических страниц - How do you set up a local testing server? (MDN web docs)

Будущая доработка проекта будет включать в себя:

• Добавление popup с подтверждением удалении карточки
• Валидация форм

Языки:

• JavaScript
• фреймворк React

Макет проектной работы в Figma:

• Макет