Skip to content

XLegacy9/JS-Signup2.1

Repository files navigation

Sign-Up & Login System

A responsive and modern authentication system built with vanilla JavaScript, featuring user profiles and admin controls.

JavaScript CSS3 HTML5

Click here to try it out!

Features

  • 🔐 User Authentication

    • Secure sign-up and login functionality
    • Password visibility toggle
    • Local storage data persistence
  • 👤 User Profiles

    • Customizable user avatars
    • Banner image upload
    • About Me section
    • Profile customization
  • 🛠 Admin Controls

    • Password-protected admin panel
    • View registered users
    • Database management
    • User data deletion capability

Technologies Used

  • HTML5
  • CSS3
  • Vanilla JavaScript
  • Local Storage API
  • Google Fonts (Montserrat)

Installation

  1. Clone the repository:
git clone https://github.com/yourusername/JS-SignIn.git
  1. Open index.html in your web browser

Usage

User Features

  • Create a new account using the sign-up form
  • Log in with registered credentials
  • Customize your profile with avatar and banner
  • Update your "About Me" section

Admin Access

  • Click "Admin Controls"
  • Enter admin password: admin123
  • View registered users
  • Manage database

File Structure

JS-SignIn/
├── index.html          # Main login/signup page
├── profile.html        # User profile page
├── style.css          # Main styles
├── profile.css        # Profile page styles
├── script.js          # Main JavaScript
├── profile.js         # Profile functionality
└── assets/           # Images and icons

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

About

UI Updates ,Responsive design and added user instructions in this update

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published