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.
- User authentication with username and password
- Forget Password functionality
- Angular Reactive Forms for input validation
- Angular Material components for a polished user interface
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)
-
Clone this repository:
git clone https://github.com/your-repo-url.git cd angular-login-forget-password -
Install project dependencies:
npm install
-
Start the development server:
ng serve
-
Open your web browser and navigate to
http://localhost:4200/to access the login and forget password pages.
- Update the API endpoint in the
Environment Fileto 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.
If you'd like to contribute to this project, please follow these guidelines:
- Fork the repository.
- Create a new branch for your feature:
git checkout -b feature-name. - Make your changes and commit them:
git commit -m 'Add some feature'. - Push to the branch:
git push origin feature-name. - Create a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
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! 😊