{"id":21992485,"url":"https://github.com/walidbosso/angular-login","last_synced_at":"2025-03-23T03:32:01.193Z","repository":{"id":214908902,"uuid":"696619039","full_name":"walidbosso/Angular-login","owner":"walidbosso","description":"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...","archived":false,"fork":false,"pushed_at":"2024-03-29T09:39:13.000Z","size":439,"stargazers_count":3,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-28T09:50:27.252Z","etag":null,"topics":["angular","components","css","directive","formbuilder","formgroup","forms","login","modules","ngstyle","responsive","responsive-login-form","typescript"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/walidbosso.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-26T05:40:48.000Z","updated_at":"2024-12-19T20:58:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"204aaf76-322f-43f2-a6a8-ac8aa8600e2a","html_url":"https://github.com/walidbosso/Angular-login","commit_stats":null,"previous_names":["walidbosso/angular-login"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidbosso%2FAngular-login","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidbosso%2FAngular-login/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidbosso%2FAngular-login/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidbosso%2FAngular-login/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/walidbosso","download_url":"https://codeload.github.com/walidbosso/Angular-login/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245052619,"owners_count":20553161,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","components","css","directive","formbuilder","formgroup","forms","login","modules","ngstyle","responsive","responsive-login-form","typescript"],"created_at":"2024-11-29T20:13:53.991Z","updated_at":"2025-03-23T03:32:01.156Z","avatar_url":"https://github.com/walidbosso.png","language":"CSS","readme":"![Angular-login](https://socialify.git.ci/walidbosso/Angular-login/image?description=1\u0026font=Source%20Code%20Pro\u0026forks=1\u0026issues=1\u0026language=1\u0026name=1\u0026owner=1\u0026pattern=Formal%20Invitation\u0026pulls=1\u0026stargazers=1\u0026theme=Auto)\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/walidbosso/Angular-login\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/khoa083/khoa/main/Khoa_ne/img/Rainbow.gif\" width=\"60%\"/\u003e \u003c/a\u003e\n\u003c/p\u003e\n\u003cdiv align=\"center\"\u003e\n  \n  [![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/profile?username=walidbosso\u0026data=followers,repositories,stars,commits\u0026theme=nautilus)](https://github.com/walidbosso/Angular-login)\n\n  \u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/walidbosso/Angular-login\"\u003e\n\u003cimg src=\"https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2Fgithub.com%2Fwalidbosso%2FAngular-login\u0026label=Project%20views\u0026countColor=%23263759\u0026style=flat-square\u0026labelStyle=none\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ca href=\"https://github.com/walidbosso/Angular-login\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/khoa083/khoa/main/Khoa_ne/img/Rainbow.gif\" width=\"60%\"/\u003e\n  \u003ca/\u003e\n\u003c/a\u003e\n\n\n\u003cbr/\u003e\n\n# Angular Responsive Login Form\n\n\u003c/div\u003e\n\n\n\nThis 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.\n\n## Topics Covered\n\n- CSS\n- Angular\n- TypeScript\n- Modules\n- Components\n- Directives (ngIf and ngStyle)\n- Forms and Validation\n- FormGroup\n- FormBuilder.group\n- Responsive Design\n- Login Form\n\n## How to Use\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/your-username/Angular-login.git\n   ```\n\n2. Navigate to the project directory:\n\n   ```bash\n   cd Angular-login\n   ```\n\n3. Install dependencies:\n\n   ```bash\n   npm install\n   ```\n\n4. Run the development server:\n\n   ```bash\n   ng serve\n   ```\n\n5. Open your browser and navigate to `http://localhost:4200/` to see the responsive login form in action.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n\n\n## Contributing\n\nIf you'd like to contribute to the project, please follow these steps:\n\n1. Fork the repository.\n2. Create a new branch (`git checkout -b feature/your-feature`).\n3. Commit your changes (`git commit -m 'Add some feature'`).\n4. Push to the branch (`git push origin feature/your-feature`).\n5. Open a pull request.\n\n## Issues\n\nIf you encounter any issues or have suggestions, please open an issue on the [Issues](https://github.com/your-username/Angular-login/issues) page.\n\nThank you for exploring the Angular Responsive Login Form project! 🚀\n\n\n\u003cdiv align=\"center\"\u003e\n  \n----------------------\n\u003e \u003e  \u003cbr/\u003e \u0026copy; *by Walid BOUSSOU*   🇲🇦 😄 \u003cbr/\u003e  \n----------------------\n\n\u003cdetails\u003e\n\n\u003csummary\u003e👏 Thanks for the support \u003c/summary\u003e\n\n## Stargazers\n\n\n\u003cdiv align=\"center\"\u003e\n\n[![Stargazers repo roster for @walidbosso/Angular-login](http://reporoster.com/stars/dark/walidbosso/Angular-login)](https://github.com/walidbosso/Angular-login/stargazers)\n\n\n\n\u003c/div\u003e\n\n## Forkers\n\n\u003cdiv align=\"center\" \u003e\n\n[![Forkers repo roster for @walidbosso/Angular-login](http://reporoster.com/forks/dark/walidbosso/Angular-login)](https://github.com/walidbosso/Angular-login/network/members)\n\n\u003c/div\u003e\n\n## Contributors\n\n\u003ca href = \"https://github.com/walidbosso\"\u003e\n  \u003cimg src = \"https://contrib.rocks/image?repo=walidbosso/Angular-login\"/\u003e\n\u003c/a\u003e\n\n\n\u003cbr/\u003e\u003c/details\u003e\u003cbr/\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n\n![GitHub last commit (by committer)](https://img.shields.io/github/last-commit/walidbosso/Angular-login?style=social)\n\n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\n\n![GitHub License](https://img.shields.io/github/license/walidbosso/Angular-login?style=social)\n\n \u003cp align=\"center\"\u003e\n\u003ca href=\"https://www.buymeacoffee.com/walidbosso\"\u003e\u003cimg src=\"https://img.buymeacoffee.com/button-api/?text=Buy me a coffee\u0026emoji=☕\u0026slug=walidbosso\u0026button_colour=5F7FFF\u0026font_colour=ffffff\u0026font_family=Poppins\u0026outline_colour=ffffff\u0026coffee_colour=FFDF00\" title=\"☕ This will motivate me to continue on creating more open source codes \"/\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\n\u003c/div\u003e\n\n\u003ca href = \"https://github.com/walidbosso\"\u003e\n  \u003cimg src = \"https://github.com/walidbosso/Python-GUI/blob/main/border.gif\" width=\"100%\"/\u003e\n\u003c/a\u003e\n\n\u003ca href = \"https://github.com/walidbosso\"\u003e\n  \u003cimg src = \"https://github.com/walidbosso/Python-GUI/blob/main/ciber-coding.gif\" width=\"100%\"/\u003e\n\u003c/a\u003e\n\n\u003ca href = \"https://github.com/walidbosso\"\u003e\n  \u003cimg src = \"https://github.com/walidbosso/Python-GUI/blob/main/border.gif\" width=\"100%\"/\u003e\n\u003c/a\u003e\n\n𝚂𝚑𝚘𝚠 𝚜𝚘𝚖𝚎 💙 𝚋𝚢 𝚜𝚝𝚊𝚛𝚛𝚒𝚗𝚐 ⭐ 𝚝𝚑𝚎 𝚛𝚎𝚙𝚘𝚜𝚒𝚝𝚘𝚛𝚢!\n\n\u003cbr/\u003e\n\n\n\u003cp align=\"center\"\u003e\u003ca href=\"#\"\u003e\u003cimg src=\"https://img.shields.io/badge/Back%20to%20top--lightgrey?style=social\" alt=\"Back to top\" height=\"20\"/\u003e\u003c/a\u003e\u003c/p\u003e\n","funding_links":["https://www.buymeacoffee.com/walidbosso","https://img.buymeacoffee.com/button-api/?text=Buy"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalidbosso%2Fangular-login","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwalidbosso%2Fangular-login","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalidbosso%2Fangular-login/lists"}