Проект сайта, на котором можно поделиться фото любимого места.
- На компьютере должен быть установлен node.js. Если его нет, то можно скачать с официального сайта.
- Зайти через терминал в папку проекта и ввести: npm install. Произойдёт автоматическая установка зависимостей из файла package.json.
- После этого будут доступны следующие команды из терминала: npm run dev (запустить проект локально в браузере по умолчанию), npm run build (соберёт проект в папке dist).
HTML. Семантическая вёрстка.
CSS: flex, grid, @media.
JavaScript: ООП, classes, fetch, promises, api.
Webpack. Настройка обработки HTML, CSS, images, fonts. Babel.
BEM nested.
Figma.
- адаптивная вёрстка для разрешений экрана от 320 px,
- загрузка с сервера данных пользователя и карточек мест,
- попапы для редактирования профиля и просмотра карточек,
- попапы можно закрывать по клику вне формы и через esc,
- карточки можно просматривать в оригинальном соотношении сторон,
- можно редактировать данные пользователя: имя, описание, аватар,
- также можно добавить место с названием и фото,
- все формы валидируются и показывают ошибки до нажатия на сабмит,
- можно ставить лайки,
- есть счётчик лайков,
- карточки, которые добавил пользователь, можно удалить,
- перед удалением появляется окно подтверждения,
- индикатор сохранения и удаления карточек (loader),
- карточки других пользователей удалять нельзя.
Спасибо за внимание!
icons by icons8.com