https://github.com/shahedhodali/angular-login-page
Login page built by angular js
https://github.com/shahedhodali/angular-login-page
angular angular-cli angular-login angular-material angular16 angularjs image-loader material-design typescript
Last synced: 10 months ago
JSON representation
Login page built by angular js
- Host: GitHub
- URL: https://github.com/shahedhodali/angular-login-page
- Owner: shahedhodali
- Created: 2023-06-12T15:06:46.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-13T06:51:10.000Z (over 2 years ago)
- Last Synced: 2025-01-13T04:26:57.269Z (12 months ago)
- Topics: angular, angular-cli, angular-login, angular-material, angular16, angularjs, image-loader, material-design, typescript
- Language: TypeScript
- Homepage:
- Size: 123 KB
- Stars: 0
- Watchers: 1
- Forks: 3
- Open Issues: 1
-
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.
## Licenses
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.4