A modern and secure authentication system with dashboard access, form validation, and session control — built using only HTML, CSS, and JavaScript.
SecureAuth is a fully responsive and interactive authentication system built using HTML, CSS, and vanilla JavaScript. It includes features such as user registration, login, protected dashboard access, and client-side validation with persistent session management using localStorage.
Deployed link : https://log-in-page-beta.vercel.app/
This system demonstrates:
- 👥 Secure registration and login
- 🔒 Protected dashboard with session-based access
- 📈 Animated stats and user information
- 💡 Client-side validation and password hashing (for demo only)
- 🔍 Mobile responsive UI with modern design
- HTML5
- CSS3 (CSS Variables & Responsive Layout)
- JavaScript (ES6+)
- Font Awesome (Icons)
index.html # Main HTML file with embedded CSS and JS
-
Clone this repository:
git clone https://github.com/your-username/secureauth.git
-
Open
index.htmlin your browser. -
Register a user and login to access the dashboard.
- User Registration with form validation
- Secure Login with password hashing
- Session-based dashboard access
- Real-time form validation and password visibility toggle
- Fully responsive design
This project is licensed under the MIT License.
Thanks to open source libraries like Font Awesome for icons.
A modern and secure authentication system with dashboard access, form validation, and session control — built using only HTML, CSS, and JavaScript.