Как я навайбкодила адвент-календарь для родителей в Lovable
Предыстория
У меня родители в другом городе и подарить подарок вживую в этом году не получится: поэтому я решила придумать интересный способ дистанционно их порадовать. Думала, думала и в итоге…
Сделала сайт адвент-календарь
В нём каждый день открываются новые подарки, которые можно забрать по QR-коду из ближайших маркетплейсов.
Я со своей стороны могу заполнять календарь QR-кодами и посланиями.
Сделала без умения писать код, с помощью Lovable
А теперь чуть подробнее для тех, кто хочет сделать так же для своих друзей/родителей:
1) Купила доступ в Lovable на месяц, потому что в бесплатной версии слишком мало кредитов для генерации. На ggsel подписка стоит всего 200 ₽ за 100 кредитов — этого больше, чем достаточно.
2) Сначала прописала базовую логику, например:
Сделай мне одностраничный сайт адвент-календарь из 7 дней, в котором каждый день можно открыть 1 слот. При открытии слота должно загружаться изображение.
Возможность загружать изображение должна быть только у меня. Я должна иметь возможность загрузить и поменять QR код в любой момент, а человек, которому я отправляю ссылку может только просматривать изображение.
3) Загрузила фон и подарки, могу поделиться ими с вами.
4) Далее ушла в украшательство и донастройку функционала. Примерная последовательность запросов была такая:
Убери заголовок.Замени кнопки на прикрепленные изображени (подарки). Сделай 7 кнопок.
Под каждым подарком подпиши день, когда он откроется: 31 дек (верхний), 30 дек, 29 дек, 28 дек, 27 дек, 26 дек, 25 дек. Для админа логика такая - если в подарке добавлена картинка + текст, то день считается открытым (привязки к дате нет)
Увеличь подарки в 1,5 раза и рандомно распредели их по елке. Сделай небольшой угол наклона в разные стороны.
Для пользователей: активные подарки (которые можно открыть, но они ещё не открыты), должны немного трястись (анимация). Уже открытые подарки должны быть тоже активными, их можно открывать сколько угодно раз.
Добавь возможность удалять текст или фото - в таком случае подарки должны быть неактивными.
Вот и всё
Понятное дело, что всегда можно лучше, но свою функцию сайт выполняет, а я довольна скоростью получения результата!
(Уже много идей, которые тоже хочется реализовать на коленке с помощью AI, stay tuned🤭)