Краткое содержание

Привет всем. Я работал над небольшим личным проектом, чтобы попрактиковаться в Next.js и Tailwind, и наконец-то довел его до состояния, когда могу поделиться. Это калькулятор и симулятор для Blooket (игра EdTech с очень низким процентом выпадения редких предметов, например, 0,02% на хрому). Игроки обычно тратят тонны игровых токенов просто безуспешно открывая пачки. Поэтому я создал blocketsimulator.com. Он позволяет ввести баланс токенов, выбрать пачку и запускать симуляции, основанные на реальных игровых математических расчетах. Самой сложной частью в разработке было переключение "включить стоимость перепродажи", которое моделирует продажу дубликатов предметов обратно в игру в режиме реального времени, что делает вероятностный цикл гораздо более сложным. Стек довольно прост: Next.js и Tailwind. Я старался сделать клиентский JavaScript минимальным, чтобы мобильная производительность не была ужасной (я недавно усвоил урок о Core Web Vitals 😅). Буду рад любой обратной связи по UI/UX, особенно по мобильной разметке, так как сетка пачек давала мне головную боль. Дайте знать, если заметите какие-нибудь странности.