Szkoła online

Komercyjny

Platforma edukacyjna z darmowymi i płatnymi sekcjami, które klient edytuje sam

Rola: Full-stack engineer, właściciel modułu szkoły
Klient: objęty NDA
Okres: 08.2019 — 08.2021, AKDev Group
Stack: TypeScript, Vue, Vuex, Laravel, PHP, MySQL, ElasticSearch, Grafana, SASS, Docker, Jest, GitHub Actions

Zadanie

Treści na platformie prowadzi klient, nie programiści. Potrzebowali edytora, w którym lekcję z wideo, obrazami i timecode'ami składa się ręcznie, a wynik nadal mieści się w layoucie płatnych sekcji.

O projekcie

Platforma edukacyjna, na której treści prowadzi sam klient: sekcje darmowe i płatne, lekcje wideo z timecode'ami, prace domowe i korespondencja nauczyciela z uczniami. Zaprojektowałem architekturę modułu szkoły i odpowiadałem za niego w całości, od odtwarzacza z timecode'ami po panel administracyjny dla nauczycieli. Osobny wątek to edytor treści: WYSIWYG z własnym UI, komponentami obrazów i wideo oraz osadzaniem YouTube i Vimeo z nawigacją po timecode'ach oryginalnych platform.

Co zrobiłem

—Zaprojektował i wdrożył architekturę modułu szkoły: lekcje wideo z timecode'ami, prace domowe, postępy ucznia.
—Osadził edytor WYSIWYG z własnym menu i komponentami obrazów i wideo, dodał osadzanie YouTube i Vimeo z nawigacją po timecode'ach oryginalnych platform.
—Odpowiadał za cały moduł szkoły: panel administracyjny dla nauczycieli i korespondencję z uczniami.
—Przeniósł projekt z Webpacka 2 na Webpack 4.
—Wyszukiwanie lekcji i materiałów na ElasticSearch, metryki modułu w Grafanie.