Место на «React»

Учебный проект от Яндекс.Практикум

Описание проекта

Место - это интерактивная страница, на которой пользователи могут делиться фотографиями, удалять их и ставить лайки.

Данный учебный проект создан в рамках прохождения 4-11 спринтов курса Веб-разработчик. Цель проекта закрепить на практике пройденный учебный материал, в который входят:

• Портирование веб-приложения на «Реакт»;
• Применение декларативного подхода;
• Создание функциональных компонентов;
• Использование «Реакт»-хуков.

Функционал:

• Редактирование аватара и профиля;
• Добавление фотографии и лайков;
• Удаление фотографии и лайков;
• Открытие фотографии в полном размере.

Стек технологий:

• HTML5;
• CSS3:
  • Flexbox;
  • Grid Layout;
  • Positioning;
  • Adaptive UI;
  • Media Queries;
• Методология БЭМ;
• Фйловая структура Nested БЭМ;
• JavaScript:
  • Стиль CamelCase;
  • Объектно-ориентированное программирование;
  • Промисы (Promise);
  • Асинхронность и оптимизация;
  • API (Application Programming Interface);
• Webpack;
• React JS:
  • Create React App;
  • Портирование разметки в JSX;
  • Функциональные компоненты;
  • Хуки.

Установка и запуск приложения:

Клонировать репозиторий:

git clone https://github.com/ia-stepanov/mesto-react.git

Установить зависимости:

npm install

Запустить приложение:

npm run start

Языки:

• JavaScript

Библиотеки:

• ReactJS

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

• Макет 4;
• Макет 5;
• Макет 6-7;
• Макет 9.

Чеклисты Проектной работы:

• Чеклист 4;
• Чеклист 5;
• Чеклист 6;
• Чеклист 7;
• Чеклист 8;
• Чеклист 9;
• Чеклист 10;
• Чеклист 11.

Скриншот:

Развернуть

Ссылка на сайт:

https://ia-stepanov.github.io/mesto-react/