Catálogo de Filmes

SPA FullStack para busca e explorar filmes, integrando React + Node.js e consumo da API pública OMDb.

Projeto desenvolvido com foco em integração frontend/backend, organização de código e experiência do usuário.

---

Demonstração

Resultado da busca

Filme não encontrado

---

Funcionalidades

• Busca de filmes por título
• Exibição em cards
• Integração frontend ↔ backend
• Mensagem orientativa quando o filme não é encontrado
• Tratamento de respostas da API
• Componentização no React

---

Observação sobre a API OMDb

A API realiza buscas prioritariamente pelo título original do filme.

Exemplo:

• Velozes e Furiosos
• Fast and Furious

O sistema orienta o usuário quando a busca não retorna resultados.

---

Tecnologias Utilizadas

Frontend

• React
• Vite
• JavaScript
• CSS

Backend

• Node.js
• Express
• Axios
• CORS
• Dotenv

Integração

• API OMDb

---

Como rodar o projeto

Backend

cd backend
npm install
npm run dev

Crie um arquivo .env dentro da pasta backend:

PORT=3001
OMDB_API_KEY=SUA_CHAVE

Frontend

cd frontend
npm install
npm run dev

Acesse:

http://localhost:5173

---

O que foi praticado neste projeto

• Integração FullStack

• Consumo de API externa

• Organização de pastas

• Tratamento de erros

• UX para falhas de busca

• Componentização no React

Autora

Geovana Santos Desenvolvedora FullStack em formação

LinkedIn:

https://www.linkedin.com/in/geovana-santos-343437116

GitHub:

https://github.com/Geoziihdev