https://github.com/brunohnsouza/angular-buzzfeed
Clone do BuzzFeed com Angular
https://github.com/brunohnsouza/angular-buzzfeed
angular contratodecompromisso css dio html typescript
Last synced: about 2 months ago
JSON representation
Clone do BuzzFeed com Angular
- Host: GitHub
- URL: https://github.com/brunohnsouza/angular-buzzfeed
- Owner: brunohnsouza
- Created: 2023-05-30T21:09:01.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-02T19:49:09.000Z (about 3 years ago)
- Last Synced: 2025-02-16T02:24:58.584Z (over 1 year ago)
- Topics: angular, contratodecompromisso, css, dio, html, typescript
- Language: TypeScript
- Homepage: https://buzzfeed-quizzes.vercel.app
- Size: 5.59 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
BuzzFeed
Já imaginou sendo algum personagem daquela sua história favorita? Descubra qual você seria!
Objetivo |
Ferramentas |
Ideias realizadas |
Projeto |
Layout
🚀 Objetivo:
- Desenvolver um clone do [BuzzFeed](https://www.buzzfeed.com/quizzes) com Angular.
🔧 Ferramentas:
- [Angular](https://angular.io/) v16
- [TypeScript](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-5-0.html) v5
- [ChatGPT](https://openai.com/blog/chatgpt)
- HTML e CSS
- Git e GitHub
💡 Ideias realizadas:
- Dark mode
- Responsividade
- Criação das perguntas/respostas por IA (ChatGPT)
- Animação de carregamento (loading)
- Cinco (5) quizzes
- Rotas Angular (routing module)
- Tipagem do [JSON](./src/assets/data/dataModel.ts) com os dados dos quizzes
- Dinamismo ao criar novos quizzes
- Para criar um novo quizz, apenas adicione-o ao [JSON](./src/assets/data/data.ts) (seguindo o modelo dos anteriores)
💻 Projeto:
- [Veja o projeto online](https://buzzfeed-quizzes.vercel.app/)
🎨 Layout:
- [Sara Viscardi | BuzzFeed ReDesign](https://www.behance.net/gallery/143604981/BuzzFeed-ReDesign?tracking_source=search_projects%7Cbuzzfeed)
- [Oleh | Redesign for BuzzFeed](https://dribbble.com/shots/10865463-Redesign-for-Buzzfeed-Concept)
- [Ishwari Raut e Jinal Patwa | Redesigning Tasty by BuzzFeed](https://www.behance.net/gallery/125174073/Redesigning-Tasty-by-BuzzFeed)
Feito com 💜 por mim | Bruno Souza