Skip to content

edilan-ribeiro/advice-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Escolha seu idioma | Choose your language

pt-br en



Logo

Random Advice Generator

Um componente que produz conselhos aleatórios através de uma API

Clique aqui para abrir o projeto online


Índice
  1. Sobre o projeto
  2. Contato



Sobre o projeto

Result card on desktop


Quando a API for chamada, ao clicar no dado, um conselho aleatório será gerado na página.
Uma API, ou Interface de Programação de Aplicativos, é um conjunto de regras e protocolos que permite que diferentes softwares se comuniquem e interajam entre si de maneira eficiente. Elas são essenciais para o desenvolvimento de aplicativos modernos, especialmente quando se trata de criar serviços complexos e escaláveis.


Como ficou no mobile:

Result card on mobile

Em funcionamento:

Result card runing

(back to top)

Feito com

HTML5

CSS3

JavaScript

(back to top)


Notas de destaque


Esta página foi baseada no desafio do frontendmentor você pode conferir a proposta do desafio aqui

Destaques deste componente:

  • Utilização de API
  • Layout responsivo

Extras adicionados além do desafio:

  • Adicionado instrução de uso ao iniciar
  • Dado gira enquanto busca acessa a API

(back to top)

Desafios e aprendizados

👨‍💻 Uso de APIs foi uma excelente adição as minhas habilidades, imagina criar conselho por conselho, sem a aplicação de API talvez eu até me aconselhasse a não criar uma página de conselhos 😵

👨‍🔧 Atenção aos detalhes, mesmo sendo um componente pequeno a falta se atenção a detalhes pode levar a uma dor de cabeça enorme na hora de posicionar os elementos.

🚀 Indo além, o desafio estava concluído mas podia ficar mais bonito né? Custou muito pouco adicionar instruções de uso e uma animação na página e valeu a pena, a clareza de atividade da página melhorou muito.

Em resumo foi possível aprender:

  • Utilização de APIs
  • Posicionamento e divisão de responsabilidades
  • Aprimoramento de código para melhor utilização por parte do usuário

(back to top)

Contato

💌 Para me mandar uma mensagem basta usar um dos botões abaixo!

(back to top)

About

Random advice generator, clique no dado, receba a sabedoria!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published