Веб-розробка

Wikimedia Morocco створила прототип сайту за два дні на хакатоні в Агадірі

V

Voydevich.com · редактор Богдан Войдевич

2 хв читання

Робочий стіл у навчальній лабораторії з відкритими ноутбуками та блокнотами під час технічного хакатону

Під час дводенного мініхакатону, який відбувся 22–23 жовтня 2026 року в інституті ISTA Taddart в Агадірі, 20 студентів марокканського Управління професійної підготовки та стимулювання зайнятості (OFPPT) спільно з учасниками Wikimedia Morocco працювали над технічними завданнями. Учасників розділили на чотири команди. Одна з них у складі пʼяти студентів під керівництвом ментора створила робочий прототип офіційного вебсайту Wikimedia Morocco.

Технологічний стек і процес розробки

Метою проєкту було створення платформи для висвітлення діяльності спільноти та закладення бази для її подальшого розвитку. Процес охопив аналіз вимог, проєктування, кодинг, інтеграцію та тестування:

  • Проєктування та контроль версій: інтерфейси та візуальну структуру створили у Figma. Для збереження коду, рецензування та командної взаємодії використовували GitHub.
  • Бекенд і бази даних: для серверних сервісів та керування даними обрали Supabase. Також досліджувалася інтеграція з Wikimedia REST API та Wikidata Query Service.
  • Розробка та AI-інструменти: у процесі кодингу застосовували AI-редактор Cursor, при цьому згенеровані ним варіанти коду проходили обов'язковий технічний перегляд.
  • Тестування та інфраструктура: тестування API здійснювали через Postman, поведінку в браузері перевіряли через Playwright, моніторинг помилок налаштували у Sentry, а хостинг і розгортання забезпечили на Vercel.

Результати проєкту та подальші плани

За два дні команда створила адаптивний прототип, що складається з п'яти ключових сторінок: головної, «Про нас», розділу активностей, блоку з архівами й звітами, а також сторінки контактів. 23 жовтня проєкт захистили перед журі.

Наразі репозиторій сайту на GitHub залишається приватним. Створений прототип планують доопрацьовувати: покращити систему керування вмістом, налаштувати адміністративні функції, розширити покриття тестами та підготувати ресурси до повноцінного запуску.

Реклама · cv-finder.com

Покажіть AI-стек у резюме без зайвого шуму

AI-асистент CV-Finder допоможе описати LLM/ML-проєкти через результати.

Оформити CV

Що це означає для розробників

Подія ілюструє побудову сучасного стеку швидкого прототипування на базі Supabase, Vercel та AI-асистованого редактора Cursor з обов'язковим код-рев'ю. Досвід також демонструє інтеграцію сторонніх відкритих джерел через Wikimedia REST API та Wikidata Query Service у навчальних проєктах.

Ключові факти

  • Хакатон пройшов 22–23 жовтня 2026 року в ISTA Taddart в Агадірі за участі 20 студентів OFPPT.

  • Команда з п'яти студентів розробила прототип із п'яти сторінок із бекендом на Supabase та хостингом на Vercel.

  • Для прискорення написання коду застосовували AI-редактор Cursor із ручною перевіркою пропозицій, а для тестів — Playwright і Postman.

  • Створений прототип потребує подальшого розвитку, його GitHub-репозиторій наразі є приватним.

Веб-розробкаРозробка ПЗШтучний інтелект

Додайте Voydevich.com у бажані джерела Google, щоб частіше бачити наші новини в пошуку.

Джерело

Diff

From Figma to a Working Prototype: Building Wikimedia Morocco’s Website with OFPPT Students in Two Days

4 листопада 2026 · оновлено 2 листопада 2026

Оригінал
Усі гайди

Реклама · cv-finder.com

Покажіть AI-стек у резюме без зайвого шуму

AI-асистент CV-Finder допоможе описати LLM/ML-проєкти через результати.

Оформити CV

Попередні статті