Skip to content

Um website que lista piadas do Chuck Norris com React JS

Notifications You must be signed in to change notification settings

AleNoia/chuck-joke

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chuck Joke 😎

Um website que consome a API ICNDB listando as melhores piadas do Chuck Norris com React JS

GitHub language count Repository size License GitHub last commit

image

📌 Índice


💡 Funcionalidades

  • Consome a API ICNDB
  • Gera uma piada aleatória
  • Você pode escolher o nome do personagem da piada
  • Você pode filtrar ativando o modo explícito, onde piadas explícitas serão recebidas
  • Gera uma lista com 25 piadas com
    • ID
    • Piada
    • Categoria

🛠 Instalação

Você precisa fazer o download do git e do node incialmente

Execute este comando para clonar o reprositório:


git clone https://github.com/AleNoia/chuck-joke.git

Execute este comando para instalar as dependências da aplicação:


npm install

🎲 Executando

Vá até a pasta raíz e execute o projeto:


npm start


⚙ Tecnologias e linguagens usadas

As tecnologias e linguagens usadas neste projeto:


🧠 O que eu aprendi

Durante o desenvolvimento desse projeto evoluí em muitas habilidades, uma principal foi o planejamento e a organização. Construí um mapa mental e um documento de planejamento para ver as funcionalidades que eu poderia acrescentar inicialmente ou posteriormente, priorizando as funções principais do site.

Tecnicamente aprendi muito, ainda mais sobre o React JS e testes com React testing library, organizei melhormeu código em relação ao controle de estado da aplicação utilizando hooks com useContext e useReducer. Também aprendi como criar meus próprios hooks, o que facilita bastante o desenvolvimento.

Conheci o Material UI para construir a aplicação com componentes isolados e fazer correções nas inconsistências dos navegadores.

Desenvolvi ainda mais meus conhecimento acerca do JavaScript e Axios. O estudo contínuo utilizando JS acaba trazendo mais experiência. Aprendi formas melhores, otimizadas e mais legíveis de fazer determinadas lógicas para uma função na aplicação.


🧾 Licença

Released in 2021. This project is under the MIT license.

Criado por Igor Noia 👋