Project: Mesto

Demo

Description in Russian / Описание на русском

About

The educational project Mesto is a single-page website Inspired by Instagram. User can:

• add a new image card with a title
• like and unlike other user's cards
• see amount of likes for each card
• delete own cards
• edit own name, description and avatar
• view full-size image of each card

Features

• Responsive design for screen sizes from 320px to 1280px
• Live validation for user input fields is set up
• Webpack build and deployment are configured

Technologies

• CSS with BEM methodology (Nested)
• Responsive design
  • Grid Layout
  • Flex
  • media queries
• JavaScript
  • Fetch API
  • form validation
• Webpack

Место

Demo

О проекте

Учебный проект Место - одностраничный сайт с возможностью выкладывать и просматривать фотографии, лайкать и удалять карточки и редактировать профиль.

Страница проекта

Реализовано

• адаптивная страница от 320 до 1280px
• функциональность:
  • добавление новой карточки с названием и изображением
  • лайк и удаление лайка картчоки
  • удаление своих карточек
  • редактирование имени, описания и аватарки пользователя
  • просмотр полноразмерного изображения карточки
• настроена live-валидация для полей ввода пользовательских данных
• настроена сборка Webpack и деплой

Технологии

• вёрстка по БЭМ-методологии (Nested)
• адаптивная верстка
• JavaScript
• Webpack