Kelnic Studios - Каталог квартир

Веб-приложение для просмотра и фильтрации квартир, разработанное в соответствии с требованиями технического задания.

Посмотреть онлайн

Технологический стек

• Nuxt 3 - полнофункциональный фреймворк Vue.js
• TypeScript - типизированный JavaScript
• Pinia - управление состоянием
• SCSS - препроцессор CSS
• PT Root UI - уникальный шрифт от ParaType

Требования

• Использование стека Nuxt 3 + TypeScript + Pinia
• Валидный код без ошибок линтера
• Подключение уникального шрифта PT Root UI
• Адаптивная верстка для брейкпоинтов 960px+ и 1440px+
• Максимальная ширина контента 1440px с центрированием
• Кроссбраузерная верстка (Edge, Safari)
• Без использования CSS-фреймворков
• Все состояния элементов формы (:hover, :active, :focus)
• Работающая кнопка "Наверх" с плавной прокруткой
• Фильтрация с блокировкой состояния и имитацией запросов
• Пагинация "Показать ещё 20" с сокрытием кнопки

+ в карму

• Сохранение состояния при перезагрузке страницы
• Семантическая верстка с правильными HTML-тегами
• Использование препроцессора SASS
• Система контроля версий Git
• Методология BEM для CSS
• Доступность (accessibility) с ARIA-атрибутами
• Оптимизация производительности

🛠 Установка и запуск

1. Склонируйте репозиторий:

git clone https://github.com/niktariy/parametric-kelnik.git
cd parametric-kelnik

2. Установите зависимости:

pnpm install

3. Запустите проект в режиме разработки:

pnpm dev

4. Перейдите в браузере по адресу http://localhost:3000

Браузерная поддержка

• Chrome 90+
• Firefox 88+
• Safari 14+
• Edge 90+

📝 Лицензия

Проект создан в качестве тестового задания.