«Кекстаграм» — веб-сервис просмотра и загрузки изображений. Проект представляет из себя реализацию клиентской части этого сервиса. Разработка осуществлялась на чистом JavaScript, без использования фреймворков.
Демонстрационная версия доступна по адресу https://kekstagram.sokoloff-rv.ru/.
Основные возможности, реализованные в проекте:
- Получение постов всех пользователей с сервера;
- Вывод миниатюр всех постов на странице;
- Отображение подробной информации о посте по клику на миниатюру, в результате чего в модельном окне выводятся:
- изображение,
- описание,
- хештеги,
- автор,
- комментарии,
- количество лайков;
- Порционная загрузка комментариев к посту по клику на кнопку;
- Фильтрация постов:
- По умолчанию в порядке возрастания id;
- В случайном порядке (выводится 12 случайных постов);
- Самые обсуждаемые (по количеству комментариев);
- Создание нового поста:
- Загрузка нового изображения;
- Просмотр загруженного изображения;
- Изменения размера и масштаба загружаемого изображения;
- Применение одного из нескольких цветовых фильтров к изображению, установка интенсивности фильтра;
- Добавление комментария и хештегов к загружаемому изображению;
- Отправка данных на север.
- Валидация всех форм.
Чтобы развернуть проект локально или на хостинге, выполните последовательно несколько действий:
- Клонируйте репозиторий:
git clone https://github.com/sokoloff-rv/kekstagram.git kekstagram- Перейдите в директорию проекта:
cd kekstagram- Установите зависимости, выполнив команду:
npm install- Для запуски локального сервера по адресу http://localhost:3001 с помощью Browsersync используйте команду:
npm run start- Для запуска линтера используйте команду:
npm run lint