Construa seu primeiro projeto com seu agente de código
Um guia prático para criar um jornal de notícias ao vivo com a HackerNews API, publicado no GitHub Pages.
O que você vai construir
Um jornal de notícias estático que busca as top 10 stories do Hacker News em tempo real e exibe como uma página de jornal: manchete principal, seção de matérias e listagem numerada. Tudo consumindo a API pública do HackerNews (sem autenticação), publicado no seu GitHub Pages.
O projeto é o veículo. O que você vai aprender de verdade é o fluxo AI-Native Engineering: contexto, planejamento com ROADMAP.md e DEV_PLAN.md, execução por fases e publicação.
Este é o projeto que você vai construir
O componente abaixo faz fetch da HackerNews API agora e renderiza as histórias no layout de jornal que você vai criar do zero.
Pré-requisitos
- Conta no GitHub
- Ferramenta com IA configurada: IDE com IA integrada (Cursor, Windsurf), CLI de IA no terminal (Claude Code, OpenCode) ou assistente de IDE (Copilot, etc.)
- LLM configurada na ferramenta (Claude, GPT, Gemini, etc.)
Seu progresso
Preparar o terreno
Criar o repositório no GitHub, clonar no terminal, abrir na ferramenta escolhida e instalar o GitHub CLI.