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