SimpleLogin Demo System

This is a simple login demonstration system with two-factor authentication functionality.

Features

• Clean homepage design
• Login page
• Two-factor authentication (TOTP)
• User dashboard

How to Use

1. Clone or download this repository
2. Open the index.html file with a web browser
3. Click the "Sign in" button
4. Log in using the following credentials:
   • Username: test
   • Password: test123
5. Use an authenticator app (like Google Authenticator, Microsoft Authenticator, etc.) to scan the QR code or manually enter the secret key to get the verification code
   • TOTP URI: otpauth://totp/e2etest1?secret=AUECVMFUWYMYUX5F
   • Secret Key: AUECVMFUWYMYUX5F
6. Enter the 6-digit verification code generated by your authenticator app
7. After successful verification, you will be redirected to the user dashboard

Tech Stack

• HTML5
• CSS3
• JavaScript (Vanilla)
• jsSHA (for TOTP verification)

Notes

This is a demonstration project and should not be used in a production environment. The verification logic is implemented on the frontend, and there are no real backend security measures.

File Structure

• index.html - Home page
• login.html - Login page
• 2fa.html - Two-factor authentication page
• dashboard.html - Dashboard page
• styles.css - Stylesheet
• script.js - Common JavaScript functions
• login.js - Login page logic
• 2fa.js - Two-factor authentication logic
• dashboard.js - Dashboard page logic