https://github.com/arislooi/authentication-app
A simple authentication app with login and signup functionality using HTML, CSS, and JavaScript.
https://github.com/arislooi/authentication-app
authentication css html javascript webdevelopment
Last synced: 2 months ago
JSON representation
A simple authentication app with login and signup functionality using HTML, CSS, and JavaScript.
- Host: GitHub
- URL: https://github.com/arislooi/authentication-app
- Owner: ArisLooi
- Created: 2024-12-05T12:58:19.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-06T08:37:25.000Z (over 1 year ago)
- Last Synced: 2025-05-13T17:17:34.319Z (about 1 year ago)
- Topics: authentication, css, html, javascript, webdevelopment
- Language: JavaScript
- Homepage: https://stackblitz.com/~/github.com/ArisLooi/Authentication-App
- Size: 737 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Authentication-App
Welcome to the Authentication-App repository! This project is a simple authentication application that allows users to log in and sign up. It is built using HTML, CSS, and JavaScript.
## Features
- **Login Functionality**: Users can log in with their username and password.
- **Signup Functionality**: New users can sign up by providing a username and password.
- **Password Validation**: Ensures that passwords meet specific criteria for security.
- **Responsive Design**: The application is responsive and works well on different screen sizes.
## Getting Started
### Prerequisites
To run this project, you need a web browser.
### Installation
1. Clone the repository:
```bash
git clone https://github.com/ArisLooi/Authentication-App.git
2. Navigate to the project directory:
```bash
cd Authentication-App
3. Open index.html in your web browser to view the application.
## Usage
1. Login: Enter your username and password to log in.
2. Signup: If you don't have an account, click on "Sign up" and provide the required information.
3. Toggle Between Login and Signup: Click on the "Sign up" or "Login" link to switch between the forms.
## Project Structure
Authentication-App/
├── .gitignore
├── README.md
├── cover.png
├── index.html
├── login.png
├── logo.png
├── package-lock.json
├── package.json
├── script.js
└── style.css
## Functions
- toggleAuth(): Toggles between login and signup forms.
- handleSubmit(): Handles the form submission for login and signup.
- login(username, password): Authenticates the user.
- signUp(username, password, confirmPassword): Registers a new user.
## Contributing
Contributions are welcome! Please fork the repository and create a pull request with your changes.
## Acknowledgments
Thanks to all the developers who have contributed to open-source projects and made learning to code accessible to everyone.
Happy coding! 😊