Vibecode-им проект в реальном времени | создаем с нуля вабкодом
В этом видео я покажу, как с помощью одного промта в ИИ создать полноценный сайт с тёмной темой, карточками участников и системой ачивок. Использовал DaisyUI для стилей и Go для бэкенда! Таймкоды: 00:20 - Обзор проекта 01:12 - Обзор DaisyUI 03:14 - Промт для ИИ 6:06 - Обзор прототипа в google drawing 9:02 - Обзор cursor (cursor.com) 9:45 - Пробуем через deepseek 12:31 - Добавим разметку в index.html 13:26 - Первые результаты, смотрит 15:39 - Делаем тоже самое через cursor 21:35 - Делаем backend на Go 44:10 - Добавим "базу данных" (CSV) 53:09 - Сохраним работу в github 56:34 - Завернем проект в docker 1:06:17 - Итог Что в видео: ✅ Генерация кода через ИИ-промт ✅ Адаптивный дизайн с DaisyUI ✅ Темная тема + селектор тем ✅ Карточки участников с аватарками ✅ Система ачивок (Positive/Negative) ✅ Модальные окна для добавления данных ✅ Go-сервер с API-эндпоинтами Технологии: • Frontend: DaisyUI + Tailwind CSS • Backend: Go (Golang) • Иконки: SVG/изображения • Адаптивность API-эндпоинты: GET/POST http://localhost:5000/api/members POST http://localhost:5000/api/achievements Для разработчиков: • Полный код: https://github.com/rusrc/AITestProject • Документация DaisyUI: https://daisyui.com/ • Как запустить: go run main.go + открыть index.html Если хочешь такой же проект — пиши в комментариях свой вопрос! Ставь лайк если ИИ-разработка это будущее 🔥 Promt (промт) (https://docs.google.com/document/d/1lx-4d-ate9AQFX0lKEbNxGg5SAD6C7B46tw60L_f0Tk/edit?tab=t.0) #ИИ #Программирование #DaisyUI #Golang #ВебРазработка #Frontend #Backend #Код #ИТ
Название:
Vibecode-им проект в реальном времени | создаем с нуля вабкодом
Категория:
Разное