# რეგისტრაცია

{% embed url="<https://www.figma.com/file/QTWoxa2OYVayZ04WJ0ZZ9k/QuizWiz?mode=design&node-id=1057-73347&t=sfxXNEO0AZprMgIJ-4&type=design>" %}
რეგისტრაცია
{% endembed %}

მომხმარებელს უნდა შეეძლოს საიტზე რეგისტრაცია. Header - ში, <mark style="background-color:purple;">**Sign Up**</mark> ღილაკზე დაჭერით მომხმარებელი უნდა გადავიდეს რეგისტრაციის გვერდზე, სადაც გამოუჩნდება შემდეგი შესავსები ველები:

* **მომხმარებელი (Username)**
  * სავალდებულო
  * მინიმუმ 3 სიმბოლო
  * უნიკალური
* **ელ. ფოსტა (Email)**
  * სავალდებულო
  * უნიკალური
* **პაროლი (Create a Password)**
  * სავალდებულო
  * მინიმუმ 3 სიმბოლო
* **გაიმეორეთ პაროლი (Confirm Password)**

  * სავალდებულო
  * უნდა ემთხვეოდეს პაროლის ველს

{% hint style="danger" %}
გაითვალისწინეთ, რომ ვალიდაცია უნდა ხდებოდეს <mark style="background-color:red;">რეალ თაიმში.</mark>
{% endhint %}

{% hint style="info" %}
თუ  <mark style="background-color:red;">**I accept the terms and privacy policy**</mark> ღილაკი არ არის მონიშნული, მომხმარებელს არ უნდა შეეძლოს რეგისტრაცია.
{% endhint %}

{% hint style="success" %}
ვალიდაციის გავლის შემთხვევაში, მომხმარებელს უნდა გაეგზავნოს მეილი, საიდანაც შეძლებს ელ.ფოსტის მისამართის დაეფრუვებას და ასევე შესაბამისი

<mark style="background-color:green;">**Toast Notification**</mark>  იხილოს საიტზე.
{% endhint %}

{% embed url="<https://www.figma.com/file/QTWoxa2OYVayZ04WJ0ZZ9k/QuizWiz?mode=design&node-id=1057-73876&t=sfxXNEO0AZprMgIJ-4&type=design>" %}
მეილი
{% endembed %}

მეილში მითითებული უნდა იყოს ძირითადი ინფორმაცია თუ რატომ ეგზავნება მომხმარებელს ეს მეილი და <mark style="background-color:blue;">Verify Now</mark> ღილაკი, რომელზე დაჭერის შემთხვევაშიც, მომხმარებელი დაადასტურებს მეილს და გადავა <mark style="background-color:yellow;">დალოგინების</mark> გვერდზე, სადაც ასევე გამოუჩნდება შესაბამისი <mark style="background-color:green;">**Toast Notification .**</mark>

**ამის შემდგომ კი უნდა გიაროს ავტორიზაცია.**

რეგისტრაციის შემდეგ, მომხმარებელს იგივე მეილით ვერიფიკაცია შეუძლია მხოლოდ მომდევნო ორი საათის განმავლობაში. იმ შემთხვევაში, თუ ამ დროში არ მოხდება მეილის დადასტურება. <mark style="background-color:blue;">Verify Now</mark> - ღილაკზე დაჭერის შემთხვევაში, მომხმარებელი გადავა <mark style="background-color:yellow;">დალოგინების</mark> გვერდზე, სადაც გამოუჩნდება შესაბამისი <mark style="background-color:yellow;">**Toast Notification**</mark> , რომელიც ეტყვის, რომ ტოკენი არ არის ვალიდური:

{% embed url="<https://www.figma.com/file/QTWoxa2OYVayZ04WJ0ZZ9k/QuizWiz?mode=design&node-id=1057-73908&t=sfxXNEO0AZprMgIJ-4&type=design>" %}
ტოკენი არ არის ვალიდური
{% endembed %}

{% hint style="info" %} <mark style="background-color:yellow;">Quiz Wiz</mark> ლოგოზე დაჭერით მომხმარებელი უნდა გადავიდეს საწყის გვერდზე.
{% endhint %}
