Навайбкодил адаптивный виджет календаря для сайта

Теперь я этот, как его там, вайбкодер😂

Знакомые уговорили сделать им нормальный сайт для банкетного зала

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

Изначально хотел встроить какой-нибудь готовый виджет, но не нашёл ничего подходящего. Они все страшные, кривые или не обладают нужным функционалом

И решил попробовать написать код с помощью нейронок. Зарегистрировался в Курсорсе и на Гитхабе и давай раздавать задания бездушной машине

Получалась какая-то херня, но с каждой итерацией было всё лучше и лучше

Итого: за 5 часов с помощью нейронок я разработал симпатичный минималистичный календарь, который адаптируется под размер блока, в который его встраиваешь

Функционал:

1. Подключается по API к Гугл Календарю и берёт оттуда события

2. Если стоит событие со словом «бронь», то ячейка окрашивается в обычный цвет

3. Т.к. зал сезонный, можно задать период свободных дней. Например, с 1 мая по 15 сентября. Свободные даты выделяются зелеными кружками, под календарём есть легенда с пояснением об этом

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

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

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

Если бы я пошёл к фрилансерам, то на поиски человека и разработку такого виджета ушло бы в 3-4 раза больше времени. А сверху еще и 10-15 тысяч рублей за работу. Курсор же съел всего 7,92$

Посмотреть, что получилось — https://calendarwidget.tilda.ws/

А в комменты скинул скриншот одной из первых версий