Skip to content

shahedhodali/angular-login-page

Repository files navigation

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:
git clone https://github.com/your-username/angular-material-login.git
  1. Navigate to the project directory:
cd angular-material-login
  1. Install the dependencies:
npm install

4.Start the development server:

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