https://github.com/esraaalzoghby/smart-login-system

A modern login system with intuitive and attractive Sign In, Sign Up, and Welcome pages. Built with Regex for precise input validation and Local Storage to securely manage user data, providing a seamless and efficient user experience.
https://github.com/esraaalzoghby/smart-login-system

bootstrap cs dom-events html5 input-v javascript localstorage regex regular-expressions smart-login validation web-application

Last synced: about 2 months ago
JSON representation

A modern login system with intuitive and attractive Sign In, Sign Up, and Welcome pages. Built with Regex for precise input validation and Local Storage to securely manage user data, providing a seamless and efficient user experience.

• Host: GitHub
• URL: https://github.com/esraaalzoghby/smart-login-system
• Owner: EsraaAlzoghby
• Created: 2024-12-20T21:38:14.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-12-20T22:33:21.000Z (over 1 year ago)
• Last Synced: 2025-05-16T11:38:41.939Z (about 1 year ago)
• Topics: bootstrap, cs, dom-events, html5, input-v, javascript, localstorage, regex, regular-expressions, smart-login, validation, web-application
• Language: HTML
• Homepage: https://esraaalzoghby.github.io/Smart-Login-System/
• Size: 1.27 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Smart-Login-System

This project is a simple login system implemented using JavaScript. It consists of three pages: a signup page, a sign-in page, and a home page that displays a personalized welcome message for the user.

## Technologies Used



  
Front-end: HTML, CSS, JavaScript

  
Validation: Regular Expressions (Regex) for input validation

  
Storage: Local Storage for user data persistence



## Project Features

#### Sign-Up Page



Allows users to create an account by entering their name, email, and password.

The input fields are validated to ensure accuracy and compliance with the required formats.

Upon successful registration, the user's information is securely stored in the local storage.



#### Sign-In Page



Verifies the user's email and password against the information saved during sign-up.

If the credentials are valid, the user is redirected to the home page.

In case of incorrect details, an error message is displayed.



#### Home Page



Displays a personalized welcome message using the name retrieved from local storage.

Provides a log out option that redirects the user back to the sign-in page, clearing the session.