Aplikacja web + ChatGPT do nauki programowania

Naszym celem było stworzenie narzędzia edukacyjnego, które będzie nie tylko angażujące, ale także skalowalne i proste w obsłudze - zarówno dla użytkowników, jak i administratorów. Dzięki integracji z API ChatGPT, nasza aplikacja automatycznie generuje treści edukacyjne, co znacznie przyspiesza produkcję materiałów i zwiększa ich różnorodność.

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.