FRONT-END
HACKATHON
Командне змагання з front-end розробки
23-24 жовтня
Завдання
Необхідно створити блог на основі своїх даних або взяти безкоштовні API з відкритого доступу.
Рівень 1
  1. Виводити на сторінку колекцію обраних командою сутностей
  2. Мати можливість отримати дані пропорційно (infinite scroll, pagination)
  3. Сутність повинна мати хоча б одне поле-зображення і хоча б одне поле-дату
Рівень 2
4. Додати можливість сортувати сутності за полями
5. Змінювати формат виведення дати в залежності від регіону користувача
Рівень 3
6. Додати можливість авторизації та реєстрації на сайт
7. Додати сторінку користувача, зберігати та виводити аватарки
Рівень 4
8. Прив'язати сутності до користувачів
9. Додати можливість залишати коментарі від імені поточного користувача на сторінках сутностей
Рівень 5
10. Реалізувати можливість додати сутність до колекції
11. Зробити сторінку перегляду обраної сутності
Рівень 6
12. Додати можливість видалити/відредагувати вибрану сутність
13. Додати можливість пошуку сутності по одному з полів сутності
Рівень 7
14. Додати багатомовність
Рівень 8
15. Додати можливість експортувати та імпортувати вибрані сутності в обраному текстовому форматі даних (CSV, JSON)
Рівень 9
16. Додати роль адміна на ваш блог
17. Додати можливість адмінам керувати сайтом (редагувати контент, банити користувачів)
Рівень 10
18. Для ролі адміністратора зробити сторінку з кількістю коментаторів до постів або іншою інформацією щодо вашого домену
Рівень 11
19. Задеплоїти проєкт
20. Підключити Google Аналітику
21. Реалізувати автоматичний git onPush деплой з master гілки
Додаткові завдання
Ці завдання не є обов'язковими для виконання, однак будуть додатково оцінюватися журі.
Проєкт має readme, який розкриває як працювати з проєктом
5
Код масштабується і підтримується, дотримані принципи SOLID
35
код написаний в одному стилі (EsLint, Prettier)
10
Розробка ведеться з використанням TypeScript
20
ваш код покритий тестами
20
Розробка ведеться по git flow
5
ПРОЄКТ МАЄ SSR РЕНДЕРИНГ

20
ФРОНТ МАКСИМАЛЬНО SEO ОПТИМІЗОВАНИЙ

15
Сайт має ЗЕЛЕНІ CORE WEB VITALS

5
САЙТ МАЄ ХОРОШИЙ UI ТА UX
10
САЙТ КОРЕКТНО ПРАЦЮЄ В 5% ПОПУЛЯРНИХ БРАУЗЕРАХ

5
ВИКОРИСТАНО ПРЕПРОЦЕСОРИ
5

<body><div><h1 id="offline">Genesis Front-end Hackathon</h1></div><button type="submit">Зареєструватися</button>

<p>Genesis Front-end Hackathon<input type="date" min="2021-10-23" max="2021-10-24"></p></body>
медіа;
мобільні ігри;
мобільні застосунки;
класифайди.
Згідно зі щорічним рейтингом DOU, Genesis — найкращий роботодавець у своїй категорії.
Компанія-співзасновник продуктових ІТ-бізнесів. Ми запускаємо та інвестуємо у бізнеси, кожен з яких має незалежне управління.
Команди створюють продукти у ключових напрямах:
Про Genesis
ПЕРЕЙТИ НА САЙТ
НАВЧАННЯ
КОНТАКТИ
Лови хвилю нових подій
✓ Надаючи свою пошту, ти погоджуєшся отримувати листи про освіту в продуктовому IT
© 2021 Genesis Education