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. 

Zrzut ekranu 2023-06-1 o 14.56.55.png

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.

Zrzut ekranu 2023-06-1 o 15.07.38.png
Zrzut ekranu 2023-06-1 o 15.07.54.png

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.

Zrzut ekranu 2023-06-1 o 14.58.22.png

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.

 

Zobacz projekt LIVE