Фронтенд и бэкенд проекта Mesto

Описание

Mesto - это компактная интеррактивная страница, где можно размещать информацию о себе, загружать фотографии, лайкать их и удалять. Также доступны регистрация и авторизация пользователей.

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

Функционал:

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

Какие технологии использовались

Фронтенд

• HTML
• CSS:
  • Flex layout;
  • Grid layout;
  • Позиционирование элементов;
  • Адаптация сайта с использованием @media запросов;
• JavaScript:
  • Директивы Export и Import в JS;
  • Работа с сервером (ассинхронность, fetch, Promise, API);
• React JS:
  • Create React App;
  • Портирование разметки в JSX;
  • Функциональные компоненты;
  • Библиотека React-router;
  • Хуки.
• Методология БЭМ;
• Файловая структура БЭМ Nested.
• Верстка Pixel Perfect;

Бэкенд

• Node.js;
• Express - реализация роутинга;
• Mongoose - взаимодействие с БД MongoDB;
• Celebrate - валидация запросов;
• bcryptjs - шифрование данных пользователя

Автор сайта: Ксения Безнос.