https://github.com/walidbosso/angular-login

All in a responsive form, I applied some of what I learnt in Angular, the creation, components, modules, directives ngIf and ngStyle, Forms and Validation, FormGroup and FomBuilder.group...
https://github.com/walidbosso/angular-login

angular components css directive formbuilder formgroup forms login modules ngstyle responsive responsive-login-form typescript

Last synced: about 1 year ago
JSON representation

All in a responsive form, I applied some of what I learnt in Angular, the creation, components, modules, directives ngIf and ngStyle, Forms and Validation, FormGroup and FomBuilder.group...

Host: GitHub
URL: https://github.com/walidbosso/angular-login
Owner: walidbosso
License: mit
Created: 2023-09-26T05:40:48.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-03-29T09:39:13.000Z (about 2 years ago)
Last Synced: 2025-01-28T09:50:27.252Z (about 1 year ago)
Topics: angular, components, css, directive, formbuilder, formgroup, forms, login, modules, ngstyle, responsive, responsive-login-form, typescript
Language: CSS
Homepage:
Size: 429 KB
Stars: 3
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

![Angular-login](https://socialify.git.ci/walidbosso/Angular-login/image?description=1&font=Source%20Code%20Pro&forks=1&issues=1&language=1&name=1&owner=1&pattern=Formal%20Invitation&pulls=1&stargazers=1&theme=Auto)

[![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/profile?username=walidbosso&data=followers,repositories,stars,commits&theme=nautilus)](https://github.com/walidbosso/Angular-login)

# Angular Responsive Login Form

This project demonstrates the creation of a responsive login form using Angular. It incorporates various Angular concepts, including components, modules, directives (ngIf and ngStyle), forms, and validation. The implementation involves the use of `FormGroup` and `FormBuilder.group` for efficient form management.

## Topics Covered

- CSS
- Angular
- TypeScript
- Modules
- Components
- Directives (ngIf and ngStyle)
- Forms and Validation
- FormGroup
- FormBuilder.group
- Responsive Design
- Login Form

## How to Use

1. Clone the repository:

```bash
git clone https://github.com/your-username/Angular-login.git
```

2. Navigate to the project directory:

```bash
cd Angular-login
```

3. Install dependencies:

```bash
npm install
```

4. Run the development server:

```bash
ng serve
```

5. Open your browser and navigate to `http://localhost:4200/` to see the responsive login form in action.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Contributing

If you'd like to contribute to the project, please follow these steps:

1. Fork the repository.
2. Create a new branch (`git checkout -b feature/your-feature`).
3. Commit your changes (`git commit -m 'Add some feature'`).
4. Push to the branch (`git push origin feature/your-feature`).
5. Open a pull request.

## Issues

If you encounter any issues or have suggestions, please open an issue on the [Issues](https://github.com/your-username/Angular-login/issues) page.

Thank you for exploring the Angular Responsive Login Form project! 🚀

👏 Thanks for the support

## Stargazers

[![Stargazers repo roster for @walidbosso/Angular-login](http://reporoster.com/stars/dark/walidbosso/Angular-login)](https://github.com/walidbosso/Angular-login/stargazers)

## Forkers

[![Forkers repo roster for @walidbosso/Angular-login](http://reporoster.com/forks/dark/walidbosso/Angular-login)](https://github.com/walidbosso/Angular-login/network/members)

## Contributors