{"id":21862091,"url":"https://github.com/igorbrizack/mfa-authentication-front","last_synced_at":"2026-04-15T06:35:35.983Z","repository":{"id":259805752,"uuid":"879452575","full_name":"IgorBrizack/mfa-authentication-front","owner":"IgorBrizack","description":"Frontend developed with Angular to interact  with a MFA authentication.","archived":false,"fork":false,"pushed_at":"2024-11-20T15:46:43.000Z","size":1544,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-26T15:11:31.183Z","etag":null,"topics":["angular","docker","guards","jwt-authentication","mfa-authenticator","qrcode","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/IgorBrizack.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-10-27T23:38:15.000Z","updated_at":"2024-11-20T17:13:36.000Z","dependencies_parsed_at":"2025-01-26T15:11:13.982Z","dependency_job_id":null,"html_url":"https://github.com/IgorBrizack/mfa-authentication-front","commit_stats":null,"previous_names":["igorbrizack/mfa-authentication"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgorBrizack%2Fmfa-authentication-front","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgorBrizack%2Fmfa-authentication-front/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgorBrizack%2Fmfa-authentication-front/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgorBrizack%2Fmfa-authentication-front/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IgorBrizack","download_url":"https://codeload.github.com/IgorBrizack/mfa-authentication-front/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244861266,"owners_count":20522577,"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","docker","guards","jwt-authentication","mfa-authenticator","qrcode","typescript"],"created_at":"2024-11-28T03:13:48.286Z","updated_at":"2026-04-15T06:35:30.953Z","avatar_url":"https://github.com/IgorBrizack.png","language":"TypeScript","readme":"# 🔐 Multi Factor Authentication\n\n**`En-US`**\n\n## About this project\n\nThis project is created with Angular to build the Frontend. The goal of this project is to implement elements that simulate a real interaction for logging into a web application with two-factor authentication. In this project, you will learn how to implement guards, services, create components, and design views. To have the full experience on your computer you will need to clone the [Backend](https://github.com/IgorBrizack/mfa-authentication-backend).\n\n\u003cdiv style=\"display: flex; gap: 10px; margin-bottom: 10px\"\u003e\n  \u003cimg src=\"./src/assets/login_screen.png\" alt=\"login_screen\" width=\"320\" height=\"200\"\u003e\n  \u003cimg src=\"./src/assets/qr_code_screen.png\" alt=\"qr_screen\" width=\"320\" height=\"200\"\u003e\n  \u003cimg src=\"./src/assets/home_screen.png\" alt=\"home_screen\" width=\"320\" height=\"200\"\u003e\n\u003c/div\u003e\n\u003c/br\u003e\n\n## Steps\n\n1.  **Clone the repository**\n\n```\ngit clone git@github.com:IgorBrizack/mfa-authentication-front.git\n```\n\n2. **Run with Docker**\n\n```\ndocker-compose up -d --build\n```\n\n3. **Run with Node**\n\n```\nnpm install\nng start\n```\n4. **Access your localhot 4200**\n```\nhttp://localhost:4200\n```\n5. **Start the [Backend](https://github.com/IgorBrizack/mfa-authentication-backend) and setup your envs**\n\n---\n\n**`Pt-BR`**\n\n# Sobre este projeto\n\nEste projeto foi criado com Angular para construir o Frontend. O objetivo deste projeto é implementar elementos que simulem uma interação real para fazer login em uma aplicação web com autenticação de dois fatores. Neste projeto, você aprenderá a implementar guards, services, criar componentes e projetar views. Para ter a experiência completa em seu computador será necessário clonar o [Backend](https://github.com/IgorBrizack/mfa-authentication-backend).\n\n## Passos\n\n1. **Clone o repositório**:\n\n   ```bash\n   git clone git@github.com:IgorBrizack/mfa-authentication-front.git\n   ```\n\n2. **Execute com Docker**:\n\n   ```bash\n   docker-compose up -d --build\n   ```\n\n3. **Execute com Node**:\n\n   ```bash\n   npm install\n   ng start\n   ```\n4. **Acesse seu localhost 4200**\n```\nhttp://localhost:4200\n```\n\n5. **Inicie o [Backend](https://github.com/IgorBrizack/mfa-authentication-backend) e configure suas variáveis de ambiente.**\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Figorbrizack%2Fmfa-authentication-front","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Figorbrizack%2Fmfa-authentication-front","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Figorbrizack%2Fmfa-authentication-front/lists"}