📄 Documentação – Cocktail App

📌 Sobre o Projeto

O Cocktail App é uma aplicação web minimalista que permite visualizar informações de drinks utilizando a TheCocktailDB API. Foi desenvolvido utilizando React, Axios para requisições HTTP e CSS puro para estilização.

---

✅ Funcionalidades

• Exibição de um drink aleatório ao iniciar a aplicação
• Campo de pesquisa para buscar drinks pelo nome
• Exibição de nome, imagem, categoria, tipo, copo e instruções
• Spinner de carregamento durante requisições
• Interface clean em preto e branco com a fonte Montserrat

---

🚀 Tecnologias Utilizadas

• React 18 (sem JSX)
• Vite
• Axios
• CSS puro
• API TheCocktailDB

---

🛠 Instalação e Execução

# Clone o repositório
git clone https://github.com/seu-usuario/cocktail-app.git

# Instale as dependências
npm install

# Inicie o servidor de desenvolvimento
npm start

---

📁 Estrutura de Arquivos

cocktail-app/
├── index.html
├── package.json
├── vite.config.js
├── /src
│   ├── App.js
│   ├── index.css
│   └── main.js

---

🌐 Consumo da API

A aplicação consome dados da TheCocktailDB, utilizando os seguintes endpoints:

• https://www.thecocktaildb.com/api/json/v1/1/random.php – Retorna um drink aleatório
• https://www.thecocktaildb.com/api/json/v1/1/search.php?s={nome} – Pesquisa drinks por nome

---

📸 Preview

---

👨‍💻 Autor

• GitHub: @nyxpdb

---