Mesto Project

An interactive web app for sharing and managing photos. Users can add, like, and delete cards, edit profile, and preview images.

• Repo: https://github.com/lananolana/mesto-project-ff
• Live demo: https://lananolana.github.io/mesto-project-ff/

Key Features

• Dynamic photo cards: add, like, and delete functionality
• Form validation and API integration
• Fully responsive design

Skills & Technologies

• JavaScript (ES6+). Modular and dynamic implementation.
• Webpack. Configured for development and production workflows.
• REST API. Backend data management.
• CSS (BEM). Organized, scalable styling.
• gh-pages. Automated deployment to GitHub Pages.

Setup

1. Clone the repository and install dependencies:

   git clone https://github.com/lananolana/mesto-project-ff.git
   cd mesto-project-ff
   npm install

2. Available scripts:

• Start development server:

npm run dev

• Build for production:

npm run build

• Deploy to GitHub Pages:

npm run deploy