KLIENT:
Klient (Aplikacja webowa do nauki programowania)

Platforma edukacyjna generująca materiały do nauki programowania z ChatGPT

Podsumowanie projektu

PROJEKT LIVE
KLIENT
Klient (Aplikacja webowa do nauki programowania)
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ą.

cms otwartt na tablecie

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.

 

strona fiszki otwarta w cms

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.

wdrożenie dla branży edukacyjnej

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.

 

wdrożenie dla branży edukacyjnej

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 LIVE

Poprzedni projekt

Dwa serwisy, jedna architektura - porządek w komunikacji B2B i B2C

Kolejny projekt

Baza 40 000 inwestycji budowlanych z modelem subskrypcyjnym

wdrożenie dla branży edukacyjnej

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

Wyceń swój projekt