https://github.com/oleg-kuzmin/mesto-project

JavaScript web application on OOP style (Webpack) - a common gallery of photos of beautiful places from different users with the ability to get, add, delete, change photos. External api is used (api.nomoreparties.co).
https://github.com/oleg-kuzmin/mesto-project

api-server autoprefixer babel bem-nested css-animations css-flexbox figma html-css-javascript html-template modules oop-in-javascript postcss review webpack

Last synced: 25 days ago
JSON representation

JavaScript web application on OOP style (Webpack) - a common gallery of photos of beautiful places from different users with the ability to get, add, delete, change photos. External api is used (api.nomoreparties.co).

• Host: GitHub
• URL: https://github.com/oleg-kuzmin/mesto-project
• Owner: oleg-kuzmin
• Created: 2021-12-11T10:16:04.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2025-07-07T09:13:44.000Z (4 months ago)
• Last Synced: 2025-10-09T06:08:22.995Z (25 days ago)
• Language: JavaScript
• Homepage: https://oleg-kuzmin.github.io/mesto-project/
• Size: 2.48 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Mesto Project

Веб-приложение JavaScript на классах ООП (Webpack) - общая галерея фотографий красивых мест от разных пользователей с возможностью получения, добавления, удаления, изменения фото. Используется внешнее api (api.nomoreparties.co).

## Функционал

- Получение карточек, данных пользователя с сервера.

- Добавление и удаление своих карточек. Чужие удалить нельзя.

- Добавление своих лайков и учет количества общих лайков.

- Изменение данных пользователя.

- Модальные окна (карточки, пользователь, нажатие на карточку).

- Кастомная валидация формы.

- Данные удаляются, изменяются, сохраняются на сервере.

## Технологии

- Семантическая структура html.

- Адаптивная верстка Perfect Pixel по макету Figma от 320px.

- Структура файлов, наименование классов в стиле BEM.

- Архитектура приложения через классы ООП.

- Препроцессор Sass.

- Сборка проекта через Webpack.

- Библиотеки Babel, Autoprefixer, Postcss, cssnano, Gh-pages.

- REST api (get, post, delete, patch, put) для изменения данных.

## Ссылки

- [Api](https://api.nomoreparties.co)

- [Figma](https://www.figma.com/file/2cn9N9jSkmxD84oJik7xL7/JavaScript.-Sprint-4?node-id=0%3A1)

- [Github Pages](https://oleg-kuzmin.github.io/mesto-project)