Skip to content

Polish Lingua represents Front-End of language learning App

Notifications You must be signed in to change notification settings

KavaliouAlexandr/Lingua

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Lingua Front-End Presentation

This project describes Polish Lingua app. Polish Lingua is the application which gives an opportunity to learn Polish language in levels from A1 to C1. Each level has descriped tasks, multiple choice, single choice and tests. After fihishing the test, user gets a result and starts another level of learning language. Implementation described in this work consists of app appearence, sprints, tests, structure, which makes it easier to read the code correctly.

Technologies

Angular TypeScript MongoDB HTML SCSS GIT

Prezentacja Front-Endu

image

Strona początkowa

Strona początkowa posiada informację o aplikacji, możliwość zalogowania oraz stworzenia konta. To jest główna strona aplikacji, która prezentuje się jako projekt reprezentowany przez poziomy oraz zadania do zrealizowania. Po przechodzeniu po stronie użytkownik może stworzyć konto lub zalogować się. Strona początkowa jest istotnym elementem aplikacji, prezentuje ona podstawowy wygląd aplikacji. Przez wygląd strony początkowej użytkownik zauważa poważność deweloperów oraz właścicieli oraz decyduje czy będzie korzystał z aplikacji. Z tego powodu na realizacje strony początkowej zwraca się szczególną uwagę.

image

Strona logowania

Strona logowania posiada formularz zalogowania przy użyciu podanego przy rejestracji loginu oraz hasła. Także jest możliwość przejścia do rejestracji lub zmiany hasła. Na niniejszej stronie był wykorzystany prosty do interpretacji przez użytkownika responsywny UI w szarym kolorze. Podobne łatwe rozumienie strony pozwala użytkownikom każdego wieku na korzystanie z aplikacji.

image

Strona rejestracji

Strona rejestracji zawiera formularz stworzenia konta nowego użytkownika za pomocą login, hasła oraz nazwy użytkownika. Również zawiera formularz do zmiany hasła. Przy rejestrowaniu użytkownik stwarza swój login i hasło do zalogowania oraz wprowadza swoje imię, za pomocą którego aplikacja będzie zwracać do użytkownika w ciągu nauki. Imię oraz wszystkie dane będą wyświetlane na stronie profilu użytkownika. W przypadku posiadania konta, formularz nie pozwoli na ponowną rejestracji oraz zaproponuje zalogowanie do swojego istniejącego konta lub zmianę hasła.

image

Strony logowania/rejestracji

Podane strony posiadają walidację w przypadku wpisania niepoprawnych danych aplikacja nie pozwoli na rejestrację/logowanie. W takiej sytuacji strona proponuje zmianie hasła przyciskiem „nie pamiętasz hasła” lub stworzenie konta. Po tym jak użytkownik klika na stworzenie konta ze strony logowania automatycznie zmienia się na stronę rejestracji.

image

Strona Poziomy

Na stronie znajdują się aktualne poziomy nauki języka Polskiego dla użytkowników. Każdy poziom zawiera przycisk do rozpoczęcia nauki oraz szczegóły z opisem każdego z poziomów. W szczegółach każdego z poziomów jest opisane jaka wiedza jest potrzebna do wykonywania zadań oraz testów. Dla nowych użytkowników zaleca się wybranie podstawowego poziomu A1.

image

Dostęp administratora

Aplikacja posiada dostęp administratora, który pozwala na edytowanie poziomów, błędów tematów dydaktycznych oraz testów. Możliwości niniejszego dostępu są ograniczone w celach bezpieczeństwa. Aplikacja jest kontrolowana przez Administratora, którego poziom dostępu pozwala na edycję poziomów, dodawanie treści, dodawanie zadań i kontrolowanie testów.

image

Strona Zadania/Test

Każdy poziom posiada przypisane do niego zadania z tematami do nauki oraz testy. Ilość zadań oraz testów planuje się być dalej rozszerzana za pomocą dodawania danych do bazy. Każdy poziom posiada 5 lub więcej zadań oraz testy. Na każdej stronie na dole są podane dane firmowe oraz kontakt do zespołu w przypadku błędów, pytań od użytkowników oraz nieprawidłowych informacji w tematach dydaktycznych. Z każdej strony jest możliwość powrotu do strony poziomów. Poziomy nie są ograniczone dostępem, ponieważ aplikacja musi być bezpłatna i dostępna dla wszystkich użytkowników.

image

image

image

Strona Zadanie

• Zadanie 1 reprezentuje sobą zadanie z wpisywaniem odpowiedzi (tłumaczenie zdania na język polski) sprawdza się ogólny poziom wiedzy użytkownika. Także jest możliwość sprawdzenia wpisanego tekstu lub pominięcie ćwiczenia i jego powtórzenie później. • Zadanie 2 reprezentuje sobą z składaniem zdania z już podanych słów, które losowo aplikacja pobiera z bazy danych. Użytkownik ma możliwość odświeżyć podane słowa w tym przypadku zdanie oraz słowa się zmienią. Przycisk sprawdź wyświetla komunikat który wskazuje wynik wykonania podanego zadania. W przypadku prawidłowej odpowiedzi wyświetla się komunikat po którym użytkownik przechodzi do nowego zadania. • Zadanie 3 reprezentuje zadanie z wyborem odpowiedzi prawda/nieprawda po wysłuchaniu tekstu użytkownik musi odpowiedzieć na pytanie dotyczące nagrania. Po wyborze odpowiedzi użytkownik przyciskiem ich sprawdza.

image

Strona Test

Test składa się z 10 zadań, podobnych to zadań, które były wyświetlone wcześniej przed zakończeniem wybranego poziomu. W przyszłości planuje się zwiększenie ilości materiałów do nauki, zadań oraz testów. Przed testem użytkownik musi skończyć wybrany poziom. Po zakończeniu testu jest wyświetlony wynik oraz jest możliwość powtórzenia lub powrotu na stronę z zadaniami. Wynik jest wyświetlany jako koło, które wypełnia się zgodnie z wynikiem zakończonego testu. W przypadku wyniku mniej niż 50% aplikacja proponuje powtórzyć poziom. Test stanowi ogólny wynik ukończonego poziomu, daje możliwość sprawdzenia swoich wiedzy przez użytkownika.

image

Profil użytkownika

Niniejszą stroną jest profil użytkownika. Posiada dane aktywnego użytkownika, poziom przepisany do niego oraz możliwość zmiany hasła za pomocą pytania pomocniczego. Profil użytkownika posiada nawigację, przez którą można wejść na stronę główną, poziomy, profil użytkownika oraz wylogować się. Wylogowanie wyświetli stronę początkową dla ponownego zalogowania przez innego użytkownika. W przyszłości podana strona będzie rozwijana dodaniem dodatkowych funkcjonalności jak zmiana języka nauczania, wybór poziomu nauczania oraz dodanie zdjęcia przez użytkownika.

About

Polish Lingua represents Front-End of language learning App

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published