Проект Mesto представляет собой интерактивную интернет страницу, с помощью который пользователи могут обмениваться фотографиями своих люимых мест для путешествий (и не только), оценивать загруженные фотографии. Пользователю доступен следующий функционал:
- загрузка на сайт изображений;
- удаление с сайта своих ранее загруженых изображений;
- редактирование своего профиля (имя, профессия, аватар);
- оценка своих и чужих изображений на сайте с помощью клавиши Like.
Проект Mesto доступен по ссылке.
Наглядно c функционалом проекта Mesto можно познакомиться в видео:
Mesto.mp4
При создании проекта использовался следующий стек технологий: HTML, CSS, JS. Для сборки проекта использовался Webpack. Соблюдались принципы объектно-ориентированного программирования. При верстке использовался БЭМ. В проекте реализованы следующие возможности:
- валидация данных в форме с помощью JS;
- загрузка и выгрузка данных на сервер.
Познакомиться с опубликованным проектом можно с помощью ссылки. Для того, чтобы клонировать исходный код к себе на компьютер и запустить проект локально, вам понадобится установить на ваш компьютер Node.js.
Для запуска проекта, пожалуйста, выполните следующие действия:
- Склонировать проект на ваш компьютер с Github с помощью команды:
git clone https://github.com/gazievri/mesto.git
- Установить необходимые зависимости:
npm install
- Запустить проект в режиме разработки:
npm run dev
- Для сборки проекта в продакшн используйте команду:
npm run build
- Для деплоя проекта на GitPages используйте команду:
npm run deploy
- Планируется перевести проект Mesto на React.js.
- Добавить возможность выбора темы оформления (ночная/дневная).
- Произвести рефакторинг кода.