Проект Mesto

Проект включает фронтенд и бэкенд части приложения со следующими возможностями: авторизации и регистрации пользователей, операции с карточками и пользователями. Бэкенд находится в директории backend/, а фронтенд - в frontend/. Проект финального спринта на курсе веб-разработчик.

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

Mesto

Ссылка приведена для ознакомления, полный функционал, реализован, но доступен локально.

Скриншоты:

Развернуть

[

Используемые технологии:

• HTML5;
• CSS;
• React;
• JavaScript;
• Express;
• MongoDB;
• ESlint.

Возможности приложения:

• функция редактирования профиля ("Имя" и "О себе");
• функция добавления карточки Новое место ("Название" и "Ссылка на картинку");
• функция удаления карточки с подтверждением;
• функция лайка и удаления лайка у карточек;
• функция смена аватара пользователя;
• функция просмотра изображения карточки в полноэкранном режииме;
• функция закрытия попапа по клику на иконку закрытия, область вокруг попапа и нажатие клавиши ESC;
• функция регистрации и авторизации;
• GET запрос по адресу /user - возврат всех пользователей;
• POST запрос по адресу /user - создание пользователя;
• GET запрос по /users/:userId - возврат пользователя;
• PATCH запрос по /users/me - обновление данных пользователя;
• PATCH запрос по /users/me/avatar - обновление аватара пользователя;
• GET запрос по адресу /cards - возврат всех карточек;
• POST запрос по адресу /cards - создание карточки;
• DELETE запрос по адресу /cards/:cardId - удаление карточки;
• PUT запрос по адресу /cards/:cardId/likes - лайк карточки;
• DELETE запрос по адресу /cards/:cardId/likes - удаление лайка карточки;
• POST запрос по адресу /signin - регистрация пользователя
• POST запрос по адресу /signup - вход пользователя;
• функция обработки ошибок (400, 401, 403, 404, 409 и 500);
• API защищено от неавторизированных пользователей;
• данные валидируются на уровне запросов и на уровне схемы;
• реализованна централизованная обработка ошибок.

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

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

git clone https://github.com/Pavelsmcom/react-mesto-api-full-gha

Перейти в папку backend или frontend

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

npm i

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

npm run start

Планы на доработку:

Переписать фронтенд часть на typeScript