🧱 LEGO Part Finder

Найди нужную деталь LEGO за пару секунд

LPF помогает искать детали по артикулу, названию, цвету и категории. Это демо-лендинг для учебного DevOps-проекта с будущим backend, базой данных и CI/CD.

✅ 8 демо-деталей 🔎 Поиск без перезагрузки 🚀 Готово под LPF MVP

Brick 2 x 4

Part ID: 3001 • Yellow
In collection

Plate 2 x 6

Part ID: 3795 • Red
Popular

Tile 1 x 2

Part ID: 3069b • Blue
Matched

Wheel 18mm

Part ID: 55981 • Dark Gray
Available

Каталог деталей

Небольшой набор тестовых данных для вида. Карточки можно искать по названию, артикулу, цвету и категории.

Brick 2 x 4
Классический строительный блок для базовых конструкций.
Plate 2 x 6
Тонкая пластина для перекрытий, пола и усиления моделей.
Tile 1 x 2
Гладкая плитка для аккуратной отделки поверхности.
Wheel 18mm
Колесо для машин, роботов и небольших механизмов.
Plate 1 x 2
Маленькая пластина для соединения и детализации сборки.
Tile 1 x 4
Длинная гладкая деталь для крыш, панелей и декора.
Brick 1 x 2
Небольшой кирпичик для стен, корпусов и каркасов.
Round Plate 1 x 1
Круглая маленькая деталь для кнопок, фар и мелких элементов.

Что будет в MVP

Лендинг уже выглядит как продукт, но его можно развивать в настоящий учебный сервис.

🔎

Поиск деталей

Поиск по артикулу, названию, цвету и типу детали. Сейчас работает прямо на странице.

🗄️

Каталог в базе

В реальном проекте детали можно хранить в PostgreSQL и получать через FastAPI.

⚙️

DevOps-пайплайн

Проект удобно завернуть в Docker, собирать в GitLab CI и деплоить на отдельную VM.

LPF готов к первому коммиту

Сохрани файл как index.html, положи в репозиторий и открой в браузере.

Попробовать поиск