Mesto Project

Overview:

This product analysis is for a learning project called "mesto-project" which is a JS-application with an adaptive rubber layout. The project is designed to be responsive for screen resolutions ranging from 320px to 1280px. It allows users to add beautiful places, put likes on them, and delete their own places. Each user has a unique ID and the server is created using Yandex technologies. The project also follows HTML semantic structure and uses external fonts. The naming of classes is done using BEM notation and the folder and file structure follows BEM nesting. The project also incorporates CSS animations using keyframes and uses JS modules. It is built using webpack with various plugins including Babel, Autoprefixer, Postcss, Cssnano, and is deployed on GitHub Pages. The project also utilizes the API for making promises and fetching data. Lastly, the project has undergone code review to ensure its quality.

Features:

• Responsive design for screen resolutions between 320px and 1280px.
• Ability to add beautiful places.
• Like functionality for places.
• Ability to delete user's own places.
• Unique user IDs.
• Server created using Yandex technologies.
• HTML follows semantic structure.
• External fonts used in the project.
• Class naming follows BEM notation.
• Folder and file structure follows BEM nesting.
• CSS animations created using keyframes.
• JS modules used in the project.
• Built using webpack with various plugins like Babel, Autoprefixer, Postcss, and Cssnano.
• Deployed on GitHub Pages.
• API used for promises and fetching data.
• Object-oriented programming principles used in JavaScript.
• Code review conducted to ensure quality.

Summary:

The mesto-project is a learning project that demonstrates the implementation of an adaptive rubber layout using JavaScript. It allows users to add and manage beautiful places, with features like liking and deleting places. The project follows best practices for HTML structure, class naming, and folder organization. It also incorporates CSS animations, JS modules, and utilizes APIs for data handling. With deployment on GitHub Pages and adherence to object-oriented programming principles, the mesto-project is a comprehensive project that showcases various aspects of web development.