Mesto

Website : link

---

Описание:

Репозиторий для приложения проекта Mesto, включающий фронтенд на React.js и бэкенд части приложения на express.jsсо следующими возможностями: авторизации и регистрации пользователей, операции с карточками и пользователями.

---

Структура проекта

backend/ - бэкенд для сервера с API

frontend/ - фронтенд приложения

Функционал (frontend):

• Регистрация и авторизация пользователей
• Автоматическая аутентификация при перезагрузке страницы
• Редактирование данных пользователя и изменение аватара
• Попапы, для подтверждения регистрации/авторизации, редактирования данных и создания карточки и удаления
• Валидация форм
• Возможность ставить лайки, а также счетчик лайков
• При нажатии на картинку, она откроется в полном размере
• Адаптивная верстка под все виды устройств

Функционал (backend):

• фронтенд и бэкенд на одном удаленном сервере, бэкенд на поддомене api.
• хранение информации в базе данных
• авторизация по jwt
• доступ к удаленному серверу по ssh
• обработка CORS-запросов на сервере
• настроенный файрвол для работы с портами
• автоматический запуск/перезапуск БД на сервере
• автоматический запуск/перезапуск сервера
• шифрование https
• сбор логов запросов к серверу в файл request.log
• сбор логов ошибок на сервере в файл error.log

---

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

• API-сервер на Node.js + express.js
• создание jwt jsonwebtoken
• файрвол ufw
• менеджер процессов на сервере pm2
• раздача фронтенда через nginx
• Шифрование осуществляется при помощи SSL-сертификата Letsencrypt

---

Frontend https://mesto.marsello.nomoredomains.monster

Backend https://api.mesto.marsello.nomoredomains.monster

Фигма(аутентификация) https://www.figma.com/file/5H3gsn5lIGPwzBPby9jAOo/Sprint-14-RU?node-id=0%3A1

Фигма(попапы) https://www.figma.com/file/bjyvbKKJN2naO0ucURl2Z0/JavaScript.-Sprint-5?node-id=0%3A1

Фигма(проект) https://www.figma.com/file/2cn9N9jSkmxD84oJik7xL7/JavaScript.-Sprint-4?node-id=0%3A1

Запуск проекта (frontend):

• nmp run start - запуск на локальном сервере;
• nmp run build - сборка production версии;

Запуск проекта (backend):

• npm run start — запускает сервер
• npm run dev — запускает сервер с hot-reload