https://github.com/karpovyuri/mesto
Проект Место, сверстанный в рамках изучения ООП, с применением HTML5, CSS3 и БЭМ методологии.
https://github.com/karpovyuri/mesto
adaptive bem-methodology css3 figma flexbox git grid-layout html5 responsive typescript
Last synced: 3 months ago
JSON representation
Проект Место, сверстанный в рамках изучения ООП, с применением HTML5, CSS3 и БЭМ методологии.
- Host: GitHub
- URL: https://github.com/karpovyuri/mesto
- Owner: KarpovYuri
- Created: 2022-01-11T12:51:47.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-12-11T21:56:52.000Z (over 2 years ago)
- Last Synced: 2025-12-02T20:45:28.263Z (7 months ago)
- Topics: adaptive, bem-methodology, css3, figma, flexbox, git, grid-layout, html5, responsive, typescript
- Language: TypeScript
- Homepage: https://KarpovYuri.github.io/mesto/index.html
- Size: 2.77 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Проект: Mesto Russia
## Обзор
Проект, позволяющий добовлять фотографии интересных мест.
## Основной функционал
- Редактирование профиля
- Добавление новой картрочки
- Удаление карточки при клике на иконку
- Постановка / снятие лайка
- Открытие фотографии в полном размере
Реализованы различные подходы к позиционированию и выравниванию элементов, в том числе Flexbox и Grid Layout. Проект сделан в соответствии с принципами ООП. Реализованы валидация форм с помощью TS и интеграция с REST API для получения информации о пользователе и карточках. Сборка проекта осуществляется с помощью Webpack.
### Технологии
- HTML5
- CSS3
- Flexbox
- Grid-layout
- TypeScript
- Методология БЭМ
- Git
- Адаптивная верстка
- ООП
- Webpack
### Запуск проекта
`npm run build` — запуск проекта в режиме продакшн, с формированием файлов подготовленных к деплою в директории `/dist`
`npm run dev` — запуск проекта в режиме разработки
**Mesto Russia**
- [ссылка на GitHub Pages](https://KarpovYuri.github.io/mesto/index.html)