FRONT-END
HACKATHON
HACKATHON
Командне змагання з front-end розробки
23-24 жовтня
Завдання
Необхідно створити блог на основі своїх даних або взяти безкоштовні API з відкритого доступу.
Рівень 1
- Виводити на сторінку колекцію обраних командою сутностей
- Мати можливість отримати дані пропорційно (infinite scroll, pagination)
- Сутність повинна мати хоча б одне поле-зображення і хоча б одне поле-дату
Рівень 2
4. Додати можливість сортувати сутності за полями
5. Змінювати формат виведення дати в залежності від регіону користувача
5. Змінювати формат виведення дати в залежності від регіону користувача
Рівень 3
6. Додати можливість авторизації та реєстрації на сайт
7. Додати сторінку користувача, зберігати та виводити аватарки
7. Додати сторінку користувача, зберігати та виводити аватарки
Рівень 4
8. Прив'язати сутності до користувачів
9. Додати можливість залишати коментарі від імені поточного користувача на сторінках сутностей
9. Додати можливість залишати коментарі від імені поточного користувача на сторінках сутностей
Рівень 5
10. Реалізувати можливість додати сутність до колекції
11. Зробити сторінку перегляду обраної сутності
11. Зробити сторінку перегляду обраної сутності
Рівень 6
12. Додати можливість видалити/відредагувати вибрану сутність
13. Додати можливість пошуку сутності по одному з полів сутності
13. Додати можливість пошуку сутності по одному з полів сутності
Рівень 7
14. Додати багатомовність
Рівень 8
15. Додати можливість експортувати та імпортувати вибрані сутності в обраному текстовому форматі даних (CSV, JSON)
Рівень 9
16. Додати роль адміна на ваш блог
17. Додати можливість адмінам керувати сайтом (редагувати контент, банити користувачів)
17. Додати можливість адмінам керувати сайтом (редагувати контент, банити користувачів)
Рівень 10
18. Для ролі адміністратора зробити сторінку з кількістю коментаторів до постів або іншою інформацією щодо вашого домену
Рівень 11
19. Задеплоїти проєкт
20. Підключити Google Аналітику
21. Реалізувати автоматичний git onPush деплой з master гілки
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
ПЕРЕЙТИ НА САЙТ
МОЖЛИВОСТІ
НАВЧАННЯ
КОНТАКТИ
- frontend.education@gen.tech
- Зворотний зв'язок
Лови хвилю нових подій
© 2021 Genesis Education