Репозиторий приложения проекта Mesto, включающий фронтенд и бэкенд части приложения со следующими возможностями: авторизации и регистрации пользователей, операции с карточками и пользователями. Бэкенд расположен в директории backend/, а фронтенд - во frontend/.
На этом сайте вы можете выкладывать фотографии мест, где вы побывали или хотели бы побывать, с помощью удобной формы добавления. Можно зарегистрироваться и авторизоваться, редактировать свой профиль и ставить лайки на понравившиеся фотографии.
Ссылка на проект: https://balaimesto.students.nomoredomains.sbs
Ссылка на backend проекта: https://api.balaishka.students.nomoredomains.sbs
Публичный IP-адрес сервера: http://158.160.10.100
- React
- JavaScript
- Node.js
- Express
- MongoDB
- HTML
- CSS
- Figma
- Файлы структурированы по БЭМ-методологии
- Flexbox вёрстка
- Grid layout вёрстка
- Адаптивная верстка с применением медизапросов
- React:
- JSX разметка;
- работа с формами;
- применение контекста;
- применение хуков;
- использование React Router;
- защита маршрутов;
- работа с Local storage.
- Регистрация нового пользователя.
- Авторизация зарегистрированного пользователя.
- Профиль включает разделы: "аватар", "имя", "о себе". Все разделы профиля можно редактировать.
- Добавление карточки-фотографии на сайт с названием.
- Удаление своей карточки.
- Просмотр карточек в полном размере.
- Постановка и снятие лайка с карточки.
Если ссылка на проект не работает, значит закончился пробный грант на Яндекс.Облако. Вы можете развернуть проект локально (через git bash):
- Если не установлен Node.js, то скачайте и установите Node.js с официального сайта.
- Клонируйте репозиторий в корневую папку:
git clone https://github.com/Balaishka/react-mesto-api-full.git
- Установите node_modules по очереди в папках backend и frontend командой:
npm install
- Зайдите в файл /backend/app.js и замените "PORT = 3000" на "PORT = 3005".
- Зайдите в файлы /frontend/src/utils/Api.js и /frontend/src/utils/Auth.js и замените строки:
baseUrl: "https://api.balaishka.students.nomoredomains.sbs",
наbaseUrl: "http://localhost:3005",
. - Сохраните изменения.
- Запуститите проект в папке backend командой:
npm run dev
- Запуститите проект в папке frontend командой:
npm run start