Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dolbilov/mesto-project

Course project of Yandex.Practicum. Theme: Adaptive and responsive make up, API, OOP.
https://github.com/dolbilov/mesto-project

adaptive-design css flexbox form-validation grid html js live-validation media-queries webpack5

Last synced: 1 day ago
JSON representation

Course project of Yandex.Practicum. Theme: Adaptive and responsive make up, API, OOP.

Host: GitHub
URL: https://github.com/dolbilov/mesto-project
Owner: dolbilov
License: gpl-3.0
Created: 2022-06-26T14:05:02.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2022-11-16T07:37:33.000Z (about 2 years ago)
Last Synced: 2023-03-08T18:58:00.476Z (over 1 year ago)
Topics: adaptive-design, css, flexbox, form-validation, grid, html, js, live-validation, media-queries, webpack5
Language: JavaScript
Homepage: https://dolbilov.github.io/mesto-project/
Size: 3.65 MB
Stars: 17
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Mesto

## 🔍 **Description**

This project is a course project of Yandex.Practicum.
**Theme**: Adaptive and responsive make up, API, OOP.

## ⚙ **Stack**

- CSS
- Flexbox
- Grid layout
- Media queries
- JS (OOP)
- API (using fetch)
- Live form validation
- BEM Nested methodology
- Webpack5

## 👀 **Visuals**

![Screenshot of main page](https://i.imgur.com/HtAxmFS.png)

## ⬇️ **Installation**

Install NPM dependencies:

```sh
npm install
```

## 🚀 **Usage**

Working prototype is [here](https://dolbilov.github.io/mesto-project/).

Start developing using Webpack dev server:

```sh
npm run dev
```

Build project for production:

```sh
npm run build
```

## 🤝 **Contributing & Roadmap**

Contributions, issues and feature requests are welcome.
Feel free to check [issues page](https://github.com/dolbilov/mesto-project/issues) if you want to contribute.

## 👤 **Authors**

**_Kirill Dolbilov_**

- Telegram: [@kdolbilov](https://t.me/kdolbilov)
- GitHub: [@dolbilov](https://github.com/dolbilov)

## 📝 **License**