Mesto Project

Интерактивное веб-приложение для обмена фотографиями и взаимодействия между пользователями.

Ссылка на макет в Figma

• Ссылка на макет в Figma

Структура проекта

frontend - этот репозиторий ❤️

Что сделано

• Верстка HTML-страниц и стилизация с помощью CSS;
• Написание интерактивных скриптов на JavaScript;
• Организация проекта для легкости разработки и масштабирования.

Реализованный функционал

• Главная страница с карточками фотографий;
• Добавление и удаление фотографий;
• Редактирование профиля пользователя;
• Проставление лайков к фотографиям;
• Анимации и динамические элементы для улучшения UX.

Технологии

• JavaScript для интерактивных функций;
• HTML и CSS для структуры и оформления;
• Webpack для сборки проекта;
• Babel для транспиляции кода;
• ESLint и Prettier для поддержания качества кода.

Инструкция по запуску

Чтобы запустить проект, выполните следующие шаги:

Создайте папку и перейдите в неё:

cd <name-folder>

Клонируйте репозиторий:

git clone https://github.com/intredd/mesto-project-ff.git

Установите все зависимости:

npm install

Теперь можете запустить проект:

npm run start

Для сборки проекта выполните команду:

npm run build

Системные требования

Для запуска потребуется Node.js версии 16.13.2.