- портал для обмена фотографиями

Проект Mesto представляет собой интерактивную интернет страницу, с помощью который пользователи могут обмениваться фотографиями своих люимых мест для путешествий (и не только), оценивать загруженные фотографии. Пользователю доступен следующий функционал:

• загрузка на сайт изображений;
• удаление с сайта своих ранее загруженых изображений;
• редактирование своего профиля (имя, профессия, аватар);
• оценка своих и чужих изображений на сайте с помощью клавиши Like.

Проект Mesto доступен по ссылке.

Наглядно c функционалом проекта Mesto можно познакомиться в видео:

Mesto.mp4

Технологический стек

При создании проекта использовался следующий стек технологий: HTML, CSS, JS. Для сборки проекта использовался Webpack. Соблюдались принципы объектно-ориентированного программирования. При верстке использовался БЭМ. В проекте реализованы следующие возможности:

• валидация данных в форме с помощью JS;
• загрузка и выгрузка данных на сервер.

Работа с проектом

Познакомиться с опубликованным проектом можно с помощью ссылки. Для того, чтобы клонировать исходный код к себе на компьютер и запустить проект локально, вам понадобится установить на ваш компьютер Node.js.

Для запуска проекта, пожалуйста, выполните следующие действия:

1. Склонировать проект на ваш компьютер с Github с помощью команды:

git clone https://github.com/gazievri/mesto.git

2. Установить необходимые зависимости:

npm install

4. Запустить проект в режиме разработки:

npm run dev

5. Для сборки проекта в продакшн используйте команду:

npm run build

6. Для деплоя проекта на GitPages используйте команду:

npm run deploy

Планы по развитию проекта

1. Планируется перевести проект Mesto на React.js.
2. Добавить возможность выбора темы оформления (ночная/дневная).
3. Произвести рефакторинг кода.