- Корисникот внесува податоци: корисничко име, е-пошта и лозинка.
- Лозинката се хашира со помош на
CryptoJS
пред зачувување. - Системот генерира 6-цифрен верификациски код.
- Корисникот внесува е-пошта, лозинка и верификациски код.
- Системот проверува дали лозинката и кодот се точни.
- Сите податоци (корисничко име, е-пошта, хаширана лозинка и код) се зачувуваат локално во
localStorage
.
- Доколку сите податоци се точни, корисникот е пренасочен на страната со порака „Добредојде“.
Корисникот внесува податоци и добива верификациски код.
Корисникот внесува е-пошта, лозинка и верификациски код.
Кога податоците не се точни, корисникот добива порака за грешка.
Корисникот е пренасочен на страницата „Добредојде на страната“.
- Отворете ја датотеката
register.html
во вашиот прелистувач. - Внесете корисничко име, е-пошта и лозинка.
- Кодот за верификација ќе биде генериран и зачуван.
- Запишете го кодот за да го користите при најава.
- Отворете ја датотеката
login.html
во вашиот прелистувач. - Внесете ја е-поштата и лозинката што ги користевте при регистрација.
- Внесете го генерираниот верификациски код.
- Ако податоците се точни, ќе бидете пренасочени на
success.html
.
- HTML: За структурата на страниците.
- CSS: За стилизирање на корисничкиот интерфејс.
- JavaScript: За логиката на апликацијата.
- CryptoJS: За хаширање на лозинки.
register.html
: Страница за регистрација.login.html
: Страница за најава.success.html
: Страница за успешно најавување.
Податоците се зачувуваат во localStorage
во следниот формат:
{
"username": "Име",
"password": "Хаширана лозинка",
"verificationCode": "123456",
"verified": false
}
localStorage.setItem(email, JSON.stringify({
username,
password: hashedPassword,
verificationCode,
verified: false
}));
if (user.verificationCode !== code) {
alert("Невалиден код за верификација!");
return;
}