https://github.com/gobinath-b/angular-login-page
A simple login auth application
https://github.com/gobinath-b/angular-login-page
angular login-system ui-design
Last synced: 2 months ago
JSON representation
A simple login auth application
- Host: GitHub
- URL: https://github.com/gobinath-b/angular-login-page
- Owner: Gobinath-B
- Created: 2024-04-26T13:53:34.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-05T15:26:34.000Z (about 2 years ago)
- Last Synced: 2025-01-16T11:26:20.475Z (over 1 year ago)
- Topics: angular, login-system, ui-design
- Language: TypeScript
- Homepage:
- Size: 502 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular-login-page
Angular Material Login Page
## Description
This repository contains an Angular project that demonstrates the implementation of a responsive login page using Angular and Angular Material. The login page includes a logo, email input field, password input field, and a login button, all designed using Material Design principles.
## Features
* Responsive design that adapts to different screen sizes and devices.
* Material Design components for a modern and visually appealing user interface.
* Validations for the email and password fields to ensure proper input.
* User-friendly error messages for incorrect or missing login credentials.
## Installation
1. Clone the repository to your local machine:
```mark
git clone https://github.com/your-username/angular-material-login.git
```
2. Navigate to the project directory:
```mark
cd angular-material-login
```
3. Install the dependencies:
```mark
npm install
```
4.Start the development server:
```mark
ng serve
```
5.Open your browser and visit http://localhost:4200 to view the login page.
## Usage
* Enter your email address in the email field.
* Enter your password in the password field.
* Click the "Login" button to submit the form.
* If the provided credentials are valid, you will be logged in.
* If the credentials are invalid, an error message will be displayed.
## Tech Stack
This project uses the following licenses for the programming languages used:
- Angular CLI: v16.0.5
- Node: v18.16.0
- Package Manager: npm v9.7.1
- typescript : v5.0.4
- angular/material : v16.0
## Contact Me
princegopinath42@gmail.com