Voltar

27 projetos para ir de Junior a Sênior em programação web

Vou compartilhar com você uma lista de 27 projetos que podem te ajudar a sair de dev junior até dev sênior em programação web.

Ícaro Harry

Vou compartilhar com você uma lista de 27 projetos que podem te ajudar a sair de dev junior até dev sênior em programação web. Cada projeto possui uma descrição básica, inspiração e dicas adicionais para incrementar seu aprendizado.

O nível é mais uma orientação, mas não quer dizer que apenas devs sêniores devem fazer os projetos sêniores. A ideia é que sirva de inspiração independente do momento que você esteja na sua carreira.

Pra quem prefere assistir

Pra quem quiser usar o notion

🔗 Link do template no notion com todos os projetos

Projetos para devs juniores

🔗 Página de links

Ideia:

  • Fazer um “clone” do link tree

Inspiração:

Dica:

  • Você pode ir além implementando um backend ou até mesmo uma aplicação para deixar outras pessoas criarem suas próprias páginas de links.

❓ Página de FAQ

Ideia:

  • Fazer uma página de FAQ fictícia
  • Fazer um componente que ao clicar se expande/fecha

Inspiração:

⏲️ Pomodoro Timer

Ideia:

  • Crie uma ferramenta para usar a técnica do Pomodoro

Inspiração:

🖼️ Seu portfolio

Ideia:

  • Crie o seu site pessoal

Inspiração:

🔄 Clones de interfaces

Ideia:

  • Escolha um site ou app que você usa e faça o clone da interface ou da landing page

Inspiração:

🏢 Sites profissionais (tatuador, advogado, nutricionista, personal trainer)

Ideia:

  • Escolha algum profissional da sua cidade e faça um site pra ele(a)

Inspiração:

🔍 Automação de cliques

Ideia:

  • Aprenda como manipular um site programaticamente. Você pode usar bibliotecas como playwright ou até mesmo manipular diretamente o teclado/mouse com bibliotecas node.js

Inspiração:

📝 Lista de compras

Ideia:

  • Faça uma aplicação para gerenciar as compras de supermercado ou desejo de compras (”wish list”)

Inspiração:

🔑 Tela de login/cadastro

Ideia:

  • Implemente a tela de login mais bonita que você conseguir para um sistema fictício. Ou então pegue algum app que você já tenha feito com login e melhore a implementação.

Inspiração:

Projetos para devs plenos

📚 Fazer sua própria lib de UI com componentes básicos

Ideia:

  • Escolher componentes básicos e criar sua própria lib de componentes reutilizáveis.

Inspiração:

🎮 Jogos simples como jogo da velha, jogo da forca, jogo da memória, termo

Ideia:

  • Criar um jogo que você tenha interesse. O céu é o limite. Pode ser algo mais simples ou mais complexo (multiplayer, 3d, etc).

Inspiração:

🍽️ Cardápio online para restaurantes

Ideia:

  • Crie um cardápio online para restaurantes. Implemente funções de fazer pedido, fechar conta, etc.

Inspiração:

🎥 Vídeos programáticos com Remotion

Ideia:

  • Crie um vídeo programático usando Remotion

Inspiração:

🤖 Reconhecimento de imagens com TensorFlow

Ideia:

  • Construa uma aplicação para reconhecer imagens através de “IA”

Inspiração:

💬 Clone do ChatGPT

Ideia:

  • Criar uma aplicação de chat que chama APIs de LLMs como OpenAI, Gemini, llama, etc

Inspiração:

📊 Lista, busca, ordenação e paginação

Ideia:

  • Crie uma aplicação que lista centenas de itens e implemente busca, ordenação e paginação. Pode ser uma boa para explorar componentes existentes de list/table ou então para criar os seus próprios.

Inspiração:

📝 Seu próprio blog

Ideia:

  • Crie um blog com seu toque de personalidade. Dica: use MDX.

Inspiração:

🛒 E-commerce

Ideia:

  • Crie um e-commerce para alguma loja. Dica: se você conhecer alguém que precisa de um, desenvolva para essa pessoa. Se não, escolha uma loja que você goste e tente fazer uma versão melhor do site.

Inspiração:

🧾 Formulários complexos

Ideia:

  • Crie um formulário complexo de cadastro, com multi-steps, validações complexas, etc.

Inspiração:

Projetos para devs seniores

📅 Componentes mais complexos

Ideia:

  • Continue evoluindo sua biblioteca de componentes mas foque em componentes mais complexos como calendário/date picker, input de cor, slider, carousel, select pesquisável.

Inspiração:

📂 Upload de arquivos grandes com barra de progresso

Ideia:

  • Faça um sistema que lide com upload de arquivos grandes (+ de 1gb). Exiba barra de progresso. Você pode utilizar service workers.

Inspiração:

✂️ Editor de vídeos na web

Ideia:

  • Faça um editor de vídeos na web

Inspiração:

🗃️ Visualização de arquivos enormes

Ideia:

  • Tente exibir um arquivo de texto muito grande no navegador (+100mb). Pode parecer simples, mas na realidade pode ser bem complexo.

Inspiração:

✍️ WYSIWYG / Markdown editor

Ideia:

  • Criar um editor markdown ou WYSIWYG

Inspiração:

🛠️ Clone de plataformas completas

Ideia:

  • Escolha uma plataforma e faça um clone, incluindo das funcionalidades. Não apenas a interface.

Inspiração:

💼 Sistemas fullstack completos

Ideia:

  • Crie um sistema da sua cabeça para resolver algum problema que você se interesse. Tente conseguir clientes pra ele.

Inspiração:

🎫 Sistemas fullstack com filas

Ideia:

  • Crie um sistema mais complexo que envolva uma arquitetura robusta. Tente usar filas, micro-serviços, etc.

Inspiração: