https://github.com/xlegacy9/js-signup2.1

UI Updates ,Responsive design and added user instructions in this update
https://github.com/xlegacy9/js-signup2.1

css3 form html javascript js-database login-page profile-page registration-forms signup-page

Last synced: 19 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/xlegacy9/js-signup2.1
• Owner: XLegacy9
• License: mit
• Created: 2025-02-26T19:22:34.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-05-06T19:59:55.000Z (27 days ago)
• Last Synced: 2025-05-06T20:38:06.373Z (27 days ago)
• Topics: css3, form, html, javascript, js-database, login-page, profile-page, registration-forms, signup-page
• Language: CSS
• Homepage: https://xlegacy9.github.io/JS-Signup2.1/
• Size: 44.9 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Sign-Up & Login System

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

[![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

[![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)](https://www.w3.org/Style/CSS/)

[![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)](https://html.spec.whatwg.org/)

[Click here to try it out!](https://xlegacy9.github.io/JS-Signup2.1/)

## 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:

```bash

git clone https://github.com/yourusername/JS-SignIn.git

```

2. 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](LICENSE)