Skip to content

Shmobeny/site-point-auction

Repository files navigation

🌻 Перший Український Поінтовий Аукціон

Додаток, за допомогою якого стримери можуть проводити аукціони, збираючи донати на якийсь інтерактив із глядачами (пограти в якусь відеогру, почитати книгу, подивитися фільм чи відео). Пройдемося по основним фішкам по-порядку.

🤙 Поле вводу лотів

input

Як ви можете здогадатися, саме тут додаються нові лоти до списку. Але це ще не все, адже це поле також виконує функцію пошуку: щойно починається введення імені лота, ви побачите варіанти з існуючими лотами зі схожими назвами. Тут їх одразу можна і відреагувати.

search

📃 Список лотів

list

Список. Звичайний список, який можна сортувати за назвою та ціною. Елементи списку можна редагувати, додавати або відіймати значення та видаляти лот цілком.

item

🗑️ Смітник

trash can

Сюди потрапляють лоти, видалені користувачем та через програш під час аукціону в режимі "На Вибуття". Звідси елементи можна повернути до списку, чи видалити назавжди. Ці дії можна зробити індивідуально для кожного лота, або для всього звалища цілком.

⏱ Таймер

timer

Сподіваюсь, призначення цієї штуки зрозуміло і без будь-яких пояснень :) Після його запуску почнеться зворотній відлік. Також на сторінці з лотами з'явиться його цифрова міні-версія, де можна додати +1 хвилину до загального часу, поставити на таймер на паузу, або скинути його.

mini-timer

🎡 Колесо Фортуни

wheel

Місце, де відбувається весь "Екшен"! Аукціон може бути стандартним (одна прокрутка, швидкий результат), або на вибуття - кожна прокрутка викидає один лот, і відбувається це доки не залишиться один лот-переможець. Поведінку колеса можно налаштувати, вибираючи між трьох режимів швидкості. У налаштуваннях також знаходиться пункт, який пересилає на інтерактивний тестовий стенд аукціона, де можна переконатися у справедливості алгоритмів підбору переможців та лузерів.

settings wheel

Хочь я і зробив захист від "зависання" браузера під час тестування з великою кількістью циклів, розбивши цикли на кластери, все одно на слабких машинах ви можете відчути "важкість" в роботі браузера під час розрахунків.

test

На цій сторінці також можно дізнатися як працює алгоритм у режимі "На Вибуття".

Інші фішки проєкту:

  • 💻 ➡ 📱 Адаптивний дизайн: додаток залишаеться функціональним та зручним навіть на екрані маленького смартфона
  • ☁ ➡ 💾 Наявність пам'яті: навіть під час перезавантаження сторінки, або закриття браузера, всі лоти, таймер та прогресс будуть збережені. Таймер продовжує виконувати зворотній відлік навіть при закритому браузері.