ia-stepanov / mesto

Фронтенд проекта «Место» — это интерактивная страница, на которой пользователи могут делиться фотографиями, удалять их и ставить лайки. Реализована валидация форм. Stack: JavaScript, OOП, API, Webpack, HTML5, CSS3, БЭМ, Flexbox, Grid Layout, Figma.

Место

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

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

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

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

Функционал:

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

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

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

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

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

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

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

npm install

Собрать проект:

npm run build

Запустить проект:

npm run dev

Языки:

• JavaScript

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

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

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

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

Скриншот:

Развернуть

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

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

Место на «React»:

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