Advice Generator App

Um aplicativo interativo que gera conselhos aleatórios ao toque de um botão. Desenvolvido com ReactJS, utiliza Axios para buscar dados da API Advice Slip e estilizado com styled-components.

---

🚀 Funcionalidades

• Geração de conselhos aleatórios.
• Integração com a API para obtenção de dados dinâmicos.
• Layout responsivo e estilizado com styled-components.

---

🛠️ Tecnologias Utilizadas

• ReactJS: Biblioteca para criação de interfaces de usuário.
• Axios: Biblioteca para realizar requisições HTTP.
• styled-components: Biblioteca para estilização usando CSS-in-JS.

---

📂 Como executar o projeto

Clique aqui. para acessar o site.

Ou siga as etapas abaixo.

1. Clone este repositório:

   git clone https://github.com/Kaue-Alves/advice-generator-app.git

2. Navegue até a pasta do projeto:

   cd advice-generator-app

3. Instale as dependências:

   npm install

4. Inicie o servidor de desenvolvimento:

   npm run dev

5. Abra o navegador e acesse http://localhost:5173.

---

🌟 Layout

O design foi inspirado no desafio proposto pelo Frontend Mentor. Confira o desafio original aqui.

---

📸 Demonstração

Tela inicial

• Exibe um conselho aleatório ao carregar a página.

Gerar novo conselho

• Clique no botão para buscar um novo conselho da API.

---

🧑‍💻 Autor

• Nome: Kaue Alves
• GitHub: Kaue-Alves
• Frontend Mentor: Perfil

---

🔗 Links úteis

• API Advice Slip
• Documentação ReactJS
• Documentação Axios
• Documentação styled-components

---

✨ Um projeto divertido para praticar React, integração com APIs e estilização moderna! 🚀