Репозиторий для приложения проекта Mesto, включающий фронтенд и бэкенд части. Бэкенд расположите в директории backend/, а фронтенд - в frontend/. Проект представляет собой интерактивную страницу: можно зарегистрироваться, редактировать профиль, добавлять новые карточки с фотографиями, удалять, ставить лайк и просматривать увеличенное изображение.
Изначально проект был написан на нативных технологиях: JavaScript, CSS и HTML5. Затем проект был перенесен на "React" с добавлением функционала регистрации и авторизации пользователей, отдельно написана логика серверной части с фреймворком "Express" и в завершение обе части объединены и сохранены на виртуальной машине, размещенной на Яндекс Облаке.
🔗 Ссылка на сайт https://nikitina.nomoredomains.monster/sign-in
IP address 158.160.101.167
Frontend https://nikitina.nomoredomains.monster
Backend https://api.nikitina.nomoredomains.monster
Ссылка на макет в Figma Посмотреть
Ссылка на макет регистрации и авторизации Посмотреть
- Сайт является адаптивно-отзывчивым. Адаптирован под экраны с шириной 320 и 1280 пикселей (медиазапросы и резиновая верстка)
- БЭМ-подход. Организация файловой структуры Nested
- Используется Flexbox и Grid верстка
- Регистрация, авторизация и аутентификация пользователя
- Возможность загружать данные на сервер (при обновлении страницы, данные сохраняются)
- ReactRoutes
- Сервер (Node.js)
- База данных (MongoDB)
- npm i - установить зависимости (отдельно - в папке frontend и backend)
- npm run dev - запустить приложение в режиме разработчика в папке backend
- npm run start - запустить приложение в режиме разработчика в папке frontend
Проект прошел код ревью и завершен.