annavilnid / mesto-react

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

Сервис "Mesto-React"

Учебный проект по основам React на курсе "веб-разработчик" в Яндекс.Практикуме. Процесс выполнения данной работы состоит из нескольких двухнедельных спринтов (10-12 спринты). Проект представляет собой одностраничный сайт, адаптивный для различных устройств. Позволяет вноcить изменения в профиль, добавлять и удалять карточки мест, обмениваться лайками.

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

Figma:

• Ссылка на макет в Figma.

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

• HTML5;
• CSS3;
• JavaScript;
• React;
• API;

Фукционал:

• редактирование пользовательских данных (аватара и профиля);
• добавление новых карточек;
• удаление пользователем тех карточек, которые добавил именно он;
• добавление и отмена лайков, счетчик лайков;
• просмотр увеличенного изображения в попапе;
• валидация форм.

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

• обмен данными через API (используется учебный сервер Яндекс.Практикума);
• верстка по дизайн-макету из Figma;
• адаптивная верстка;
• хостинг сайта на github pages;
• по итогам каждого спринта работа проверяется код-ревьюерами, критические замечания обязательны для устранения.

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

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

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

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

  npm install

• Собрать проект Вебпаком:

  npm run build

• Запустить проект на локальном сервере:

  npm run dev