/Angular-Login-Forgot-Password

This repository houses an Angular project with reusable components for user authentication, including a robust login form and a user-friendly forgot password module. Built with Angular best practices, these components seamlessly integrate into your web application, providing a secure and responsive authentication experience.

Primary LanguageTypeScriptMIT LicenseMIT

Angular Login and Forget Password

Introduction

This project is an Angular application that implements a user login and forget password feature using Angular15 and Angular Material. It allows users to log in and, if needed, request a forget password functionality.

Features

  • User authentication with username and password
  • Forget Password functionality
  • Angular Reactive Forms for input validation
  • Angular Material components for a polished user interface

Prerequisites

Before you begin, ensure you have met the following requirements:

  • Node.js and npm installed (v12 or higher)
  • Angular CLI (v12 or higher) installed
  • An Angular project set up (if not, create a new Angular project using ng new project-name)

Installation

  1. Clone this repository:

    git clone https://github.com/your-repo-url.git
cd angular-login-forget-password

  2. Install project dependencies:

    npm install

Usage

  1. Start the development server:

    ng serve

  2. Open your web browser and navigate to http://localhost:4200/ to access the login and forget password pages.

Configuration

  • Update the API endpoint in the Environment File to connect to your authentication backend.
  • Customize the form validation rules and styling in the login and forget password components.
  • Implement the backend logic for authentication and password reset.

Contributing

If you'd like to contribute to this project, please follow these guidelines:

  1. Fork the repository.
  2. Create a new branch for your feature: git checkout -b feature-name.
  3. Make your changes and commit them: git commit -m 'Add some feature'.
  4. Push to the branch: git push origin feature-name.
  5. Create a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

We have built many other components and free resources for software development in various programming languages. Kindly click here to view our Free Resources for Software Development.

Happy coding! 😊