https://github.com/matheusmgs22/angular-projeto-buzzfeed
Quiz interativo desenvolvido com Angular! Descubra a qual casa de Hogwarts você pertence respondendo a perguntas divertidas.
https://github.com/matheusmgs22/angular-projeto-buzzfeed
angular typescript
Last synced: 2 months ago
JSON representation
Quiz interativo desenvolvido com Angular! Descubra a qual casa de Hogwarts você pertence respondendo a perguntas divertidas.
- Host: GitHub
- URL: https://github.com/matheusmgs22/angular-projeto-buzzfeed
- Owner: matheusmgs22
- Created: 2025-02-25T13:29:09.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-03-02T14:49:57.000Z (over 1 year ago)
- Last Synced: 2025-03-12T02:56:27.101Z (over 1 year ago)
- Topics: angular, typescript
- Language: TypeScript
- Homepage:
- Size: 353 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🧙♂️ Quiz: Qual casa de Hogwarts você pertence?
Este é um projeto desenvolvido em **Angular**, inspirado no estilo de quizzes do Buzzfeed. Ele permite que os usuários respondam a uma série de perguntas baseadas em suas preferências e características, determinando ao final a qual casa de **Hogwarts** eles pertencem: **Grifinória, Corvinal, Lufa-Lufa ou Sonserina**.
## Tecnologias utilizadas
- **Angular** – Framework para desenvolvimento do frontend.
- **TypeScript** – Linguagem principal utilizada no Angular.
- **JSON** – Armazena as perguntas e respostas do quiz.
- **CSS** – Para estilização do layout.
## Como funciona?
1. O usuário responde a uma sequência de **5 perguntas**, escolhendo a opção que mais combina com ele.
2. Cada resposta possui um **alias** correspondente a uma casa de Hogwarts.
3. Ao final, o sistema analisa as respostas e exibe o **resultado** com base na maioria das escolhas do usuário.
## Exemplo de resultado: Grifinória
### 1️⃣ Tela inicial do quiz
O usuário inicia o quiz e vê o título e um botão para começar:
Escolha: **Coragem e bravura**
### 2️⃣ Perguntas do quiz
O usuário responde às perguntas, escolhendo a opção que mais o representa:
Escolha: **Fênix**
Escolha: **Expelliarmus (Desarmar o oponente)**
Escolha: **Lutar com bravura e justiça**
Escolha: **Usaria sem medo para testar seus poderes**
### 3️⃣ Resultado do quiz
Após responder todas as perguntas, o sistema exibe a casa correspondente:
**"Você pertence à Grifinória! Valente e destemido, você nunca foge de um desafio."**
## Conclusão
Este projeto foi desenvolvido durante o **bootcamp Decola Tech 2025**, oferecido pela **DIO** em parceria com a **Avanade**. Ele serviu como uma excelente oportunidade para praticar **Angular**, **TypeScript** e conceitos fundamentais de desenvolvimento web.