Skip to content

Login Authentication System Implemented a client-side login authentication system using JavaScript and Local Storage. User credentials are stored securely in the browser’s local storage and validated during login. Includes input validation, error handling for incorrect credentials, and controlled navigation based on authentication status.

Notifications You must be signed in to change notification settings

PixelCraftLab/loginAuth

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔐 Login Authentication App

A simple and smart Login & Registration application built using HTML, CSS, and JavaScript, where authentication is handled using Local Storage.

🌐 Live Demo:
https://login-auth-two-alpha.vercel.app/

🚀 Features

  • ✅ User Registration
  • ✅ User Login Authentication
  • ✅ Email Validation using Regex
  • ✅ Password Length Validation
  • ✅ Data stored using Local Storage
  • ✅ Prevents invalid login attempts
  • ✅ Clean and Responsive UI
  • ✅ Deployed on Vercel

🛠️ Tech Stack

  • HTML5
  • CSS3
  • JavaScript (Vanilla JS)
  • Local Storage API
  • Vercel (Deployment)

🧠 How It Works

🔹 Registration

  • User enters email and password
  • Email is validated using Regex
  • Password must meet minimum length requirement
  • Data is securely stored in browser Local Storage

🔹 Login

  • User credentials are compared with stored data
  • If matched → Login Successful
  • If not matched → Error Alert

💡 Why Local Storage?

Local Storage allows:

  • Persistent data storage in browser
  • No backend required
  • Simple authentication logic for learning/demo purposes

⚠️ Note:
This project is for learning purposes only.
In real-world applications, passwords should be:

  • Encrypted
  • Stored in a database
  • Validated on a backend server

📂 Project Setup (Run Locally)

About

Login Authentication System Implemented a client-side login authentication system using JavaScript and Local Storage. User credentials are stored securely in the browser’s local storage and validated during login. Includes input validation, error handling for incorrect credentials, and controlled navigation based on authentication status.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published