Mesto

Mesto is a photo sharing social network implemented as a single-page application.

Technologies and tools 🔨

Features

🤝 Responsive layout
👍 Valid semantic HTML
👌 OOP (ES6 classes)
📁 Project structure built according to BEM (Nested type)
✏️ Edit and save profile (name, description and avatar)
➕ Add new cards
♥️ Like feature
🗑️ Delete cards (if owner only)
💬 App requests confirmation before delete
🖼️ Cards open in popups
🚪 Close card with Esc key, clicking overlay or close button
✅ Dynamic form validation

Get Started

Install dependencies:

npm i

Development build:

npm run dev

Production build:

npm run build

Demo

Things to improve 📝

Translate interface to English