MVP-версия сайта с меню бара pushinbar.ru, сделанная на барном мастер-классе за 2 часа.

• База данных в Google Таблице
• Минимальный Backend на Google App Script
• Простейший Frontend на ванильных HTML/CSS/JS
• Бесплатный хостинг и CI от Vercel

Информация о пиве и его наличии управляется из Google Таблицы: https://docs.google.com/spreadsheets/d/1x2GUc8vCtzdQ8SdqTswv3E-NidNZXEXzqsLY6z9JGQA/edit#gid=1562855295

Код из интерфейса Google AppScript на Github Gist

Сервер script.googleusercontent.com возвращает данные в формате JSON:

[
  {
    "brewery": "Jaws",
    "availability": false,
    "beer": "Атомная Прачечная IPA",
    "type1": "Ипа",
    "type2": "",
    "volume": "0.5",
    "price": "280",
    "cover": "https://untappd.akamaized.net/site/beer_logos_hd/beer-631746_0b8c5_hd.jpeg"
  },
  ...
]

• Вывести меню бара
• Шапка и подвал сайта
• Добавить типы напитков
• Десктопная версия
• Навигация по типам напитков
• Увеличить скорость загрузки меню — кэшировать ответы Google Apps
• Убрать скачки при загрузке (Layout Shift)

Если вы новичок, то вам пригодится наш Github Gist о создании MVP — о бэкэнде и файлах HTML/CSS/JS

• Александр Чабин — разработчик
• Егор Макаров — дизайн
• Андрей Пушин — ревью дизайна