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

Сайт-приложение на ООП JavaScript для desktop и mobile. Стороннее api (yandex) для получения, добавления, удаления, изменения данных. Похож на аналог instagram с загрузкой карточек красивых мест.
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: about 1 month ago
JSON representation

Сайт-приложение на ООП JavaScript для desktop и mobile. Стороннее api (yandex) для получения, добавления, удаления, изменения данных. Похож на аналог instagram с загрузкой карточек красивых мест.

• Host: GitHub
• URL: https://github.com/oleg-kuzmin/mesto-project
• Owner: oleg-kuzmin
• Created: 2021-12-11T10:16:04.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-12-18T09:41:16.000Z (about 2 months ago)
• Last Synced: 2024-12-18T10:36:11.031Z (about 2 months ago)
• Topics: api-server, autoprefixer, babel, bem-nested, css-animations, css-flexbox, figma, html-css-javascript, html-template, modules, oop-in-javascript, postcss, review, webpack
• 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)

Сайт-приложение на ООП JavaScript для desktop и mobile. Стороннее api (yandex) для получения, добавления, удаления, изменения данных. Похож на аналог instagram с загрузкой карточек красивых мест.

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

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

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

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

- Установление лайков. Свои лайки отображаются цветом.

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

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

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

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

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

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

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

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

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

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

- Используется Flex, Grid.

- Сборка проекта через настраиваемый Webpack.

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

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

## Ссылки

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

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