О проекте
Команда: Prime
Кейс HackAlem.ai: Торговля — Электрокомплект · ekt.kz
Стадия: Прототип
Задача кейса: AI-консультант по каталогу ekt.kz: товары, аналоги, цены, остатки, корзина
Суть
Одностраничная витрина ekt.kz с AI-помощником «Хелпи»: поиск товаров по названию или артикулу, карточки с ценами и остатками, корзина с выгрузкой списка заказа, вопросы о доставке и оплате.
Как устроено
Самодостаточный HTML на vanilla JS со встроенным каталогом (EKT_BOOTSTRAP, products.json) для офлайн-предпросмотра. Интеграционная версия обращается к REST API (/api/products, /api/cart, /api/chat, /api/attachments). В репозитории есть функция functions/api/chat.js для чата. Избранное хранится в localStorage, файлы прикрепляются через FileReader для поиска позиций.
Ключевые решения
- catalog search
- chat assistant endpoint
- file attachment search
Стек
HTML5 · CSS · JavaScript
Проект создан за 5 часов на финале хакатона HackAlem.ai (23 сентября 2026, Астана). Код — BAITC-Hacks/hack-c2cd0cc5-prime.
README
README.mdhack-c2cd0cc5-prime
Hackathon team repository for Prime
- Что решает продукт Это веб-витрина «Электрокомплект» с помощником Хелпи. Она помогает подобрать электротехнические товары по названию, артикулу или описанию задачи, просмотреть цену, характеристики и остатки по складам, собрать позиции в корзину и скачать список для заказа. Также можно задать вопросы о доставке и оплате и загрузить файл для поиска позиций.
- Как запустить Для демонстрации достаточно открыть файл EKT-Helpy-preview.html в современном браузере двойным кликом. Он содержит автономный предпросмотр с сохранённым каталогом, ценами и учебной корзиной. Для полноценной работы нужен отдельный сервер проекта: интерфейс обращается к API /api/products, /api/cart, /api/chat, /api/attachments и др. Сам серверный код и инструкция его запуска в приложенном HTML отсутствуют.
- Используемые технологии
- Один самодостаточный HTML-файл: HTML5, CSS и нативный JavaScript.
- Нет подключённых внешних JS-библиотек или сборщика; интерфейс реализован на vanilla JS.
- fetch для запросов к серверному REST API.
- localStorage для избранного в автономном режиме.
- FileReader для прикрепления файлов.
- Встроенные данные каталога (EKT_BOOTSTRAP) для режима предпросмотра.
- Как проверить решение
- Открыть HTML-файл в браузере.
- Проверить поиск: например, «автомат 16А» или «кабель ВВГ 3×2,5».
- Открыть карточку товара и убедиться, что видны характеристики, цена и остатки.
- Открыть Хелпи и отправить запрос на подбор товара.
- Добавить товар в корзину, изменить количество, удалить позицию и скачать список заказа.
- Проверить избранное и переключение города.
- Для проверки интеграционной версии запустить сервер, затем убедиться в ответах API, актуальности каталога/остатков и обработке чата и вложений. P.S. Наш первый хакатон мы принимали много разных решений,пытались сделать проект все лучше и лучше,меняли окружение прям на месте.Спасибо за внимание!
Авторы коммитов
История коммитов
- 2026-09-23 17:42Update README.mdLecser1
- 2026-09-23 17:40Update README.mdLecser1
- 2026-09-23 17:38Create final versionLecser1
- 2026-09-23 16:55Create upd for ai messangerLecser1
- 2026-09-23 15:48Add files via uploadLecser1
- 2026-09-23 14:25Create upd1Lecser1
Структура репозитория (8 файлов)
README.md ekt-ai-site-ready/README.md ekt-ai-site-ready/functions/api/chat.js ekt-ai-site-ready/index.html ekt-ai-site-ready/products.json final version upd for ai messanger upd1
Обсуждение 0 комментариев
Войдите, чтобы комментироватьПока нет комментариев — будьте первым.