Aplikacja web + ChatGPT

Projektowanie makiet

Nasza aplikacja skupia się na zapewnieniu intuicyjnego i atrakcyjnego interfejsu dla użytkowników, którzy chcą wzbogacić swoją wiedzę z zakresu programowania. Interfejs użytkownika jest zaprojektowany tak, aby był prosty, intuicyjny i estetyczny. Głównym celem jest zapewnienie łatwego dostępu do wszystkich funkcji i narzędzi, które użytkownicy mogą wykorzystać podczas tworzenia swoich zestawów fiszek. Ważnym aspektem projektu było również zapewnienie intuicyjnego sposobu sprawdzania wiedzy. W projekcie uwzględniono również aspekty dotyczące responsywności interfejsu użytkownika, aby zapewnić poprawne działanie aplikacji na różnych urządzeniach, takich jak komputery, tablety i smartfony.

Opis projektu

Aplikacja umożliwia tworzenie zestawów pytań z wybranych kategorii, które można dostosować do indywidualnych potrzeb i poziomu zaawansowania użytkownika. Interfejs użytkownika jest prosty i intuicyjny, co pozwala na łatwe korzystanie z aplikacji. Nowi użytkownicy mogą utworzyć konto poprzez maila lub wybrane social media. Po zalogowaniu do swojego konta, użytkownicy mają możliwość tworzenia nowych zestawów fiszek z wybranych kategorii, gdzie mogą składać pytania dotyczące różnych tematów związanych z programowaniem, a także udzielać na nie odpowiedzi. 

Aplikacja oferuje również funkcję testowania wiedzy. Użytkownicy mogą wybrać zestaw fiszek, który chcą przećwiczyć, a następnie odpowiedzieć na pytania. Po zakończeniu testu otrzymają natychmiastową informację zwrotną na temat poprawności odpowiedzi, a także pełną analizę swoich wyników. Dzięki temu mogą śledzić swój postęp i identyfikować obszary wymagające dalszego doskonalenia. Aplikacja jest dostępna na różnych urządzeniach, dzięki czemu użytkownicy mogą uczyć się programowania w dowolnym miejscu i o dowolnej porze. Bez względu na to, czy są na komputerze stacjonarnym, tablecie czy smartfonie, mają łatwy dostęp do swoich fiszek i mogą kontynuować naukę tam, gdzie skończyli.

Stack technologiczny

• React js,
• Next js,
• Typescript,
• React Hook Form, 
• Axios, 
• React Query, 
• GraphQL, 
• styled components, 
• Node js, 
• Express js, 
• Strapi, 
• Vercel
• ChatGPT

AI tworzy treści

Największym udogodnieniem z poziomu administrowania serwisem jest możliwość generowania wszystkich treści do pytań i quizów za pomocą ChatGPT. Wystarczy, że osoba zarządzająca treściami w aplikacji wybierze tag, dla którego chce stworzyć content, a reszta zostanie wygenerowana automatycznie. Możliwość dodawania masowej ilości treści pomaga w zaoszczędzeniu wielu roboczogodzin, co przekłada się na znacznie niższe koszty rozwoju serwisu. Procesy są znacznie krótsze i szybsze, a mechanizm użyty w aplikacji można łatwo zaimplementować w innych projektach.

Podsumowanie

Aplikacja do nauki programowania to znakomity przykład produktu, który może pomóc w większym zaangażowaniu użytkowników strony www. Niskim kosztem administratorzy mogą szybko wdrożyć masowe ilości treści do aplikacji, co znacznie uatrakcyjnia produkt dla usera. Zachęcamy do wypróbowania działania aplikacji pod linkiem poniżej. I zapraszamy do kontaktu w przypadku chęci zbudowania podobnej technologii dla własnego projektu.