Не удаляйте и не изменяйте самовольно файлы и папки:
.editorconfig
, .eslintrc
, .gitattributes
, .gitignore
, package-lock.json
, package.json
., .github
«Кекстаграм» — веб-сервис просмотра и загрузки изображений. Проект представляет из себя реализацию клиентской части этого сервиса. Разработка осуществлялась на чистом JavaScript, без использования фреймворков.
- Получение постов всех пользователей с сервера;
- Вывод миниатюр всех постов на странице;
- Отображение подробной информации о посте по клику на миниатюру, в результате чего в модельном окне выводятся:
- изображение,
- описание,
- хештеги,
- автор,
- комментарии,
- количество лайков;
- Порционная загрузка комментариев к посту по клику на кнопку;
- Фильтрация постов:
- По умолчанию в порядке возрастания id;
- В случайном порядке (выводится 12 случайных постов);
- Самые обсуждаемые (по количеству комментариев);
- Создание нового поста:
- Загрузка нового изображения;
- Просмотр загруженного изображения;
- Изменения размера и масштаба загружаемого изображения;
- Применение одного из нескольких цветовых фильтров к изображению, установка интенсивности фильтра;
- Добавление комментария и хештегов к загружаемому изображению;
- Отправка данных на север.
- Валидация всех форм.
Чтобы развернуть проект локально или на хостинге, выполните последовательно несколько действий:
- Клонируйте репозиторий:
git clone [email protected]:kiipod/1622797-kekstagram-26.git kekstagram
- Перейдите в директорию проекта:
cd kekstagram
- Установите зависимости, выполнив команду:
npm install
- Для запуски локального сервера по адресу http://localhost:3001 с помощью Browsersync используйте команду:
npm run start
- Для запуска линтера используйте команду:
npm run lint