
- KLIENT:
- Klient (Aplikacja webowa do nauki programowania)
- BRANŻA:
- Edukacja / EdTech
Platforma edukacyjna generująca materiały do nauki programowania z ChatGPT
Podsumowanie projektu
PROJEKT LIVE- KLIENT
- Klient (Aplikacja webowa do nauki programowania)
- BRANŻA
- Edukacja / EdTech
- PRODUKTY
- Strona internetowa
- TECHNOLOGIE
- ZESPÓŁ
- Full-stack Developer
- Back-end Developer
- AI Engineer
- Front-end Developer
- Product Manager
- UX/UI Designer
Rezultaty
Materiały generowane automatycznie
ChatGPT tworzy fiszki i quizy na podstawie tagów
Czas administratorów odzyskany
koniec ręcznego przygotowywania każdego zestawu
Postępy widoczne dla uczącego się
tryb testowy z natychmiastową informacją zwrotną
Nauka na dowolnym urządzeniu
ten sam materiał na telefonie i na komputerze
WYZWANIE
Celem projektu było stworzenie skalowalnej platformy, która:
- Pozwala na tworzenie zestawów edukacyjnych z zakresu programowania.
- Automatyzuje generowanie treści za pomocą sztucznej inteligencji.
- Zapewnia responsywny i intuicyjny interfejs użytkownika.
- Pozwala na analizę postępów i identyfikację obszarów wymagających dalszej nauki.
Największym wyzwaniem była integracja technologii AI w taki sposób, by treści były generowane masowo, automatycznie, a zarazem miały odpowiednią jakość merytoryczną.

ROZWIĄZANIE
Zespół Boring Owl zaprojektował oraz wdrożył w pełni funkcjonalną aplikację edukacyjną, wykorzystując nowoczesny stack technologiczny:
- Frontend: React.js z frameworkiem Next.js, zapewniający dynamiczny i responsywny interfejs. Stylizacja oparta na styled-components.
- Backend: Node.js + Express.js wraz z CMS-em Strapi, pełniący funkcję systemu zarządzania treściami oraz silnika aplikacji.
- Baza danych: Rozwiązanie oparte na GraphQL, które pozwala na efektywną wymianę danych między frontendem a backendem.
- Integracja z AI: API ChatGPT umożliwiające automatyczne generowanie treści edukacyjnych (pytań i quizów) z poziomu panelu administracyjnego.
- Hosting i CI/CD: Vercel zapewniający szybkie i bezproblemowe wdrożenia.

KLUCZOWE FUNKCJONALNOŚCI
- Tworzenie zestawów fiszek z pytaniami i odpowiedziami.
- Automatyczne generowanie treści przez ChatGPT na podstawie wybranych tagów.
- Tryb testowy z natychmiastową informacją zwrotną i analizą wyników.
- Rejestracja/logowanie przez e-mail lub social media.
- Responsywny interfejs umożliwiający naukę na dowolnym urządzeniu.

REZULTATY
- Redukcja kosztów poprzez automatyzację procesu generowania treści
- Znaczne skrócenie czasu tworzenia i aktualizacji materiałów edukacyjnych dzięki integracji z ChatGPT.
- Wysoka responsywność i dostępność aplikacji na różnych urządzeniach.

PODSUMOWANIE
Aplikacja webowa do nauki programowania to świetny przykład nowoczesnego narzędzia edukacyjnego, które łączy łatwość obsługi z zaawansowanymi funkcjami opartymi na sztucznej inteligencji. Dzięki inteligentnemu generowaniu treści i przyjaznemu interfejsowi, użytkownicy mogą skutecznie rozwijać swoje umiejętności programistyczne w dowolnym miejscu i czasie.
Zobacz projekt LIVEPoprzedni projekt
Dwa serwisy, jedna architektura - porządek w komunikacji B2B i B2C
Kolejny projekt
Baza 40 000 inwestycji budowlanych z modelem subskrypcyjnym

Wykorzystane technologie
- FRONTEND
framework React do budowy dynamicznej aplikacji edukacyjnej
- FRONTEND
budowa interfejsu fiszek i ścieżek nauki
- FRONTEND
typowanie zwiększające stabilność aplikacji
- BACKEND
obsługa logiki backendowej platformy
- BACKEND
CMS zarządzający treściami i pełniący rolę silnika aplikacji
- API
wymiana danych między frontendem a backendem
- API
obsługa zapytań HTTP
Podobne case studies


Nowa strona, która ułatwia dotarcie do darczyńców i osób szukających pomocy
Klient: Konsorcjum Migracyjne
Branża: Edukacja / EdTech

Interaktywna mapa zależności, która skraca analizę literatury naukowej
Klient: Klient (Mapowanie badań naukowych)
Branża: Edukacja / EdTech
