Educational purpose project "Mesto" on vanilla JS from Yandex Practicum Web-developer course.

Description

Project Mesto is an interactive responsive page where users can share photos, delete and like them, change user information and avatar. Forms are validated on the client side. The purpose of the project is to train Asynchronous JavaScript, OOP and API.

Deploy

Functionality

• Edit user data
• Update avatar
• Add a new card
• Put and remove likes (including like counter)
• Modal window with an enlarged photo of the card
• Delete a card created by the user with a confirmation modal window

Technologies

• HTML
• BEM
• CSS
• Flexbox
• GRID
• Java Script (Asynchronous JS, OOP, DOM, API, Fetch API)
• Client-side form validation
• Webpack

Usage

Clone repository:

git clone git@github.com:ppolinaavdeeva/mesto.git

Install dependencies:

npm install

Run app:

npm run start

Figma design

• Figma layout 1
• Figma layout 2
• Figma layout 3
• Figma layout 4