Este projeto é um quiz interativo baseado no universo de Dragon Ball, desenvolvido como parte do Bootcamp de Desenvolvimento Frontend com Angular promovido pelo Banco Pan. O objetivo deste projeto é criar uma aplicação web divertida e envolvente que teste os conhecimentos dos fãs sobre a série.
- Angular
- TypeScript
- HTML
- CSS
- Tailwind CSS
- Perguntas variadas sobre o universo de Dragon Ball
- Opções de resposta em botões interativos
- Exibição de resultado com base nas respostas
- Imagem e descrição personalizadas para cada resultado
- Design responsivo e estilizado com Tailwind CSS
- Animações suaves
https://angular-quiz-six.vercel.app/
Participar deste Bootcamp foi uma experiência enriquecedora. A oportunidade de aprender e aplicar conceitos avançados de Angular em um projeto prático como este ajudou a solidificar meu conhecimento na tecnologia. A parte mais empolgante foi poder unir minha paixão por Dragon Ball com o desenvolvimento web, criando algo que é tanto funcional quanto divertido.
Buzzfeed.mp4
Para executar o projeto localmente, siga estas etapas:
-
Clone o repositório: git clone [URL do repositório]
-
Navegue até a pasta do projeto e instale as dependências: cd quiz-dragonball npm install
-
Inicie o servidor de desenvolvimento: ng serve
-
Abra o navegador e acesse
http://localhost:4200
.
Contribuições são sempre bem-vindas! Para contribuir, por favor:
- Faça um fork do projeto.
- Crie uma branch para sua feature (
git checkout -b feature/AmazingFeature
). - Faça commit de suas mudanças (
git commit -m 'Add some AmazingFeature'
). - Faça push para a branch (
git push origin feature/AmazingFeature
). - Abra um Pull Request.
Feito com ♥ e Angular.