> module: sem-01
> tema: kickoff & design system
> status: online
> coffee loaded ✓
Material da Semana 01 da trilha do Coffee & Code, o clube de tecnologia da PUCPR.
Esta semana existe para mostrar uma coisa que quase ninguém conta no começo: um projeto de software não começa escrevendo código. Antes da primeira linha, existe um problema para entender, um usuário para conhecer, requisitos para escrever e telas para desenhar. É isso que você vai fazer aqui.
No fim da semana você não vai ter código rodando — e está tudo certo. Você vai ter algo que costuma faltar: clareza sobre o que construir e por quê.
👉 docs/00-comece-aqui.md — leia este primeiro. Ele explica o caminho da semana e como estudar.
Depois, siga os módulos na ordem:
| # | Módulo | Sobre |
|---|---|---|
| 01 | Git | Guardar o histórico do seu trabalho |
| 02 | GitHub | Onde esse histórico mora e é compartilhado |
| 03 | Markdown | A linguagem da documentação |
| 04 | Requisitos | Do problema à história de usuário |
| 05 | UX/UI | Pensar o uso antes de desenhar a tela |
| 06 | Figma | Transformar isso em protótipo navegável |
| 07 | Design System | Consistência visual entre as telas |
| 08 | Arquitetura inicial | As partes do sistema e suas responsabilidades |
E, para consultar quando precisar:
- 📋 Cheat sheet — Git & GitHub — os comandos essenciais, sem precisar decorar
- 🎯 Desafios — opcionais, para ir além do pedido
- ✅ Entregável — checklist final antes de fechar a semana
Ao final da Semana 01, o repositório do seu projeto (não este aqui) deve ter:
1. Uma pasta /docs com:
/docs
├── requisitos.md
├── historias-de-usuario.md
├── design-system.md
└── arquitetura.md ← versão inicial; aprofundada pelos veteranos ⚡
2. Um protótipo navegável no Figma, com as telas do fluxo principal conectadas.
Não precisa estar perfeito. Precisa existir e fazer sentido com o que você definiu ao longo da semana. Os detalhes estão em docs/entregavel.md.
Projetos de quem entregou a Semana 01. Quer entregar o seu? Veja como entregar.
| Pessoa | Projeto | Sobre | Links |
|---|---|---|---|
| Gabriel Vinhosa | Biblioteca entre Colegas | Empréstimo de livros didáticos entre estudantes | pasta · Figma |
| Guilherme Barbosa | Shelf Hub | Biblioteca pessoal de filmes, séries, livros, jogos e outros conteúdos | pasta · Figma · ver telas |
| Luis Medina | Estom | Monitoramento de preços de produtos online | pasta · Figma · ver telas |
| Rodrigo Fagnani | FixAqui | Conecta clientes a profissionais de pequenos serviços | pasta · Figma · ver telas |
| Vitor Schotten | Organizador de estudos | Matérias, tarefas e prazos em um só lugar | pasta · Figma |
Ao longo dos módulos você vai encontrar dois símbolos:
- 🌱 Se você está começando — explicações com calma, sem assumir que você já viu aquilo antes.
- ⚡ Se você já tem experiência — aprofundamentos, boas práticas e desafios extras.
Não são dois cursos. Todo mundo trabalha no mesmo projeto — muda só a profundidade. Se você já programa, ainda vale ler as partes 🌱: dá para descobrir buracos de fundamento que a gente costuma pular.
O Coffee & Code é 100% online. Cada módulo foi escrito para ser autossuficiente: você estuda no seu ritmo, pode avançar mais rápido, voltar em semanas anteriores e consultar o material durante o projeto.
Os encontros semanais, também online, existem para tirar dúvidas, revisar conceitos, programar junto e mostrar o que você produziu — não para dar aula:
- 🗓️ quarta-feira — 20h00 às 21h30
- 🗓️ sábado — 10h00 às 11h30
Os dois trabalham o mesmo conteúdo. Escolha o que couber melhor na sua semana, e não precisa ficar o horário inteiro na call.
Chega no encontro ou no Discord com uma pergunta específica. "travei em X, já tentei Y" costuma ser resolvido muito mais rápido do que "não entendi nada do módulo Z".
E lembra: não saber alguma coisa não é problema. Saber pesquisar faz parte da área.
HTTP 418 — I'm a teapot
> ready to code