Учебный проект "Место"

Стек технологий

• HTML5
• CSS3
• Java Script
• ООП
• Файловая структура Nested БЭМ
• Адаптивная верстка с использованием grid и flex
• Работа с API

Функционал

В данном проекте с использованием Java Script реализованы:

• редактирование пользовательских данных профиля с лайв-валидацией полей,
• редактирование аватара пользователя с лайв-валидацией поля,
• удаление добавленных карточек,
• отображение карточек с сервера,
• добавление карточки с фото и подписью и с лайв-валидацией полей,
• удаление добавленных карточек,
• возможность поставить лайк понравившейся карточке,
• отображение количества лаков, полученных каждой карточкой,
• возможность закрытия модальных окон кликом по кнопке закрытия, оверлею, а так же кнопкой Esc.

Описание проекта

Проект создан для закрепления навыков полученных при изучении темы "Базовый Java Script и работа с браузером" на курсе "Веб-разработка" на Яндекс.Практикум. Так же произведен рефакторинг кода согласно знаниям полученным в теме "JavaScript — непростые концепции", реализована работа с API. Я постаралась использовать максимум усвоенных знаний. Проект удобен для просмотра с устройств с различным разрешением, скрипты работают, в консоли ошибок не обнаружено.

Инструкция по установке:

1. Клонировать репозиторий.
2. Установить необходимые пакеты npm install.
3. Запустить проект на локальном сервере npm run dev.

Ссылка на сайт