Você já quis construir algo, mas não tinha ideia do que fazer? Assim como os autores às vezes têm "bloqueio de escritor", isso também se aplica aos desenvolvedores. Esta lista tem como objetivo resolver esse problema de uma vez por todas! ?
Essas aplicações são:
ótimo para melhorar suas habilidades de codificação ?;
ótimo para experimentar novas tecnologias?;
ótimo para adicionar ao seu portfólio para impressionar seu próximo empregador/cliente?;
ótimo para usar como exemplos em tutoriais (artigos ou vídeos)?;
fácil de completar e também facilmente extensível com novos recursos?;
Esta não é apenas uma simples lista de projetos, mas uma coleção que descreve cada projeto com detalhes suficientes para que você possa desenvolvê-lo do zero!
Cada projeto possui as seguintes características :
Um objetivo claro e descritivo;
Uma lista de histórias de usuários que devem ser implementadas (essas histórias funcionam mais como uma diretriz do que uma lista forçada de tarefas pendentes . Sinta-se à vontade para adicionar suas próprias histórias, se desejar);
Uma lista de recursos bônus que não apenas melhoram o projeto base, mas também suas habilidades ao mesmo tempo (estes são opcionais e devem ser tentados somente depois de você ter concluído as histórias de usuário necessárias)
Todos os recursos e links para ajudá-lo a encontrar o que precisa para concluir o projeto
Aqui você pode assistir a um vídeo sobre este repositório.
Os projetos são divididos em três níveis com base no conhecimento e na experiência necessários para concluí-los.
Nível | Perfil do desenvolvedor |
---|---|
1 | Desenvolvedores nos estágios iniciais de sua jornada de aprendizagem. Aqueles que normalmente se concentram na criação de aplicativos voltados para o usuário. |
2 | Desenvolvedores em estágio intermediário de aprendizado e experiência. Eles se sentem confortáveis em UI/UX, usando ferramentas de desenvolvimento e criando aplicativos que usam serviços de API. |
3 | Desenvolvedores que possuem todos os itens acima e estão aprendendo técnicas mais avançadas, como implementação de aplicativos de back-end e serviços de banco de dados. |
Novo Projeto
Nome | Breve descrição | Nível |
---|---|---|
Bin2Dec | Conversor de números binários para decimais | 1-Iniciante |
Visualizador de raio de borda | Visualize como os valores de raio de borda CSS3 afetam um elemento | 1-Iniciante |
Calculadora | Calculadora | 1-Iniciante |
Luzes de Natal | Simule uma série de luzes de Natal | 1-Iniciante |
Aplicativo Causa Efeito | Clique no item da lista para exibir detalhes do item | 1-Iniciante |
Ciclo de Cores | Percorrer um valor de cor por meio de alterações incrementais | 1-Iniciante |
Temporizador de contagem regressiva | Temporizador de contagem regressiva de eventos | 1-Iniciante |
Aplicativo CSV2JSON | Conversor CSV para JSON | 1-Iniciante |
Dólares em centavos | Converter dólares em centavos | 1-Iniciante |
Variáveis CSS Dinâmicas | Alterar dinamicamente as configurações de variáveis CSS | 1-Iniciante |
Primeiro aplicativo de banco de dados | Seu primeiro aplicativo de banco de dados! | 1-Iniciante |
Virar imagem | Alterar a orientação das imagens em dois eixos | 1-Iniciante |
Status do GitHub | Exibir o status atual do GitHub | 1-Iniciante |
Olá | Saudação no idioma nativo do usuário | 1-Iniciante |
Simulador de caixa de correio IOT | Use retornos de chamada para verificar seu correio tradicional | 1-Iniciante |
Validação de entrada JS | Script para validar entradas inseridas por um usuário usando RegEx | 1-Iniciante |
Aplicativo JSON2CSV | Conversor JSON para CSV | 1-Iniciante |
Valor-chave | Valores de eventos de teclado | 1-Iniciante |
Gerador Lorem Ipsum | Gerar texto de espaço reservado lorem ipsum | 1-Iniciante |
Aplicativo de notas | Crie um bloco de notas online | 1-Iniciante |
Regressão de Pearson | Calcule o coeficiente de correlação para dois conjuntos de dados | 1-Iniciante |
Relógio Pomodoro | Temporizador de tarefas para ajudar na produtividade pessoal | 1-Iniciante |
Página inicial do produto | Mostre detalhes do produto para possíveis compradores | 1-Iniciante |
Aplicativo de teste | Teste seus conhecimentos respondendo perguntas | 1-Iniciante |
Aplicativo de receitas | Receita | 1-Iniciante |
Gerador de Refeições Aleatórias | Gerar refeições aleatórias | 1-Iniciante |
Gerador de números aleatórios | Gere um número aleatório entre o intervalo. | 1-Iniciante |
Conversor romano para decimal | Converter números romanos em decimais | 1-Iniciante |
Design deslizante | Exibir imagens usando um controle deslizante | 1-Iniciante |
Aplicativo cronômetro | Contar o tempo gasto em atividades | 1-Iniciante |
Verdadeiro ou falso | Identifique o resultado de uma comparação condicional | 1-Iniciante |
Cifra de Vigènere | Criptografe texto usando o Vigenere Cypher | 1-Iniciante |
Vento frio | Calcule o fator de sensação térmica a partir de uma temperatura real | 1-Iniciante |
Frequência de palavras | Calcule a frequência das palavras em um bloco de texto | 1-Iniciante |
Aplicativo de clima | Obtenha a temperatura e as condições climáticas de uma cidade. | 1-Iniciante |
Nome | Breve descrição | Nível |
---|---|---|
Máscaras de bits | Usando máscaras de bits para condições | 2-Intermediário |
Aplicativo localizador de livros | Pesquise livros por vários critérios | 2-Intermediário |
CLI da calculadora | Crie uma calculadora cli básica. | 2-Intermediário |
Jogo de memória de cartas | Memorize e combine imagens ocultas | 2-Intermediário |
Aplicativo localizador de caridade | Encontre uma instituição de caridade global para doar | 2-Intermediário |
Extensão de tema do Chrome | Crie sua própria extensão de tema do Chrome. | 2-Intermediário |
Conversor de moeda | Converta uma moeda para outra. | 2-Intermediário |
Aplicativo de desenho | Crie arte digital na web | 2-Intermediário |
Aplicativo tradutor de emojis | Traduzir frases para Emoji | 2-Intermediário |
Aplicativo de cartões flash | Revise e teste seus conhecimentos através de Flash Cards | 2-Intermediário |
Aplicativo Flip Art | Animar um conjunto de imagens | 2-Intermediário |
Aplicativo de sugestões de jogos | Crie enquetes para decidir quais jogos jogar | 2-Intermediário |
Perfis GitHub | Um aplicativo de pesquisa de usuário GitHub | 2-Intermediário |
Jogo HighStriker | Jogo de carnaval do homem forte Highstriker | 2-Intermediário |
Scanner de imagem | Aplicativo de scanner de imagem | 2-Intermediário |
Pré-visualizador de redução | Visualizar texto formatado na marcação com sabor do GitHub | 2-Intermediário |
Gerador de tabela Markdown | Converter uma tabela em texto formatado em Markdown | 2-Intermediário |
Editor de matemática | Um editor de matemática para os alunos usarem | 2-Intermediário |
Aplicativo gerador de meme | Crie memes personalizados | 2-Intermediário |
Geração de nomes usando RNNs | Gere nomes usando conjunto de dados de nomes | 2-Intermediário |
Gerador de senha | Gere senhas aleatórias | 2-Intermediário |
Diretório de podcasts | Diretório de podcasts favoritos | 2-Intermediário |
Gerador de crachá de código QR | Codifique informações do crachá em um QRcode | 2-Intermediário |
Auxiliar de expressão regular | Teste expressões regulares | 2-Intermediário |
Aplicativo de recibos de vendas | Registrar recibos de vendas em um banco de dados | 2-Intermediário |
Loja Online Simples | Loja Online Simples | 2-Intermediário |
Gerador de suporte esportivo | Gerar um diagrama de colchetes esportivos | 2-Intermediário |
Arte com cordas | Uma animação de cordas coloridas em movimento | 2-Intermediário |
Este ou aquele jogo | Este ou aquele jogo | 2-Intermediário |
Slackbot de fuso horário | Exibir fusos horários da equipe | 2-Intermediário |
Aplicativo de tarefas | Gerenciar tarefas pessoais | 2-Intermediário |
Prática de digitação | Prática de digitação | 2-Intermediário |
Aplicativo de votação | Aplicativo de votação | 2-Intermediário |
Nome | Breve descrição | Nível |
---|---|---|
Robô de navio de guerra | Crie um bot Discord que jogue Battleship | 3-Avançado |
Motor de jogo de batalha naval | Crie um mecanismo que pode ser chamado para jogar o jogo Battleship | 3-Avançado |
Jogo Boole Bots | Lutando contra bots conduzidos pela álgebra booleana | 3-Avançado |
Calendário | Crie seu próprio calendário | 3-Avançado |
Contador de calorias | Aplicativo de nutrição para contador de calorias | 3-Avançado |
Aplicativo de bate-papo | Interface de bate-papo em tempo real | 3-Avançado |
Aplicativo rastreador de contribuições | Rastreie fundos doados para instituições de caridade | 3-Avançado |
Elevador | Simulador de elevador | 3-Avançado |
Simulador de Fast Food | Simulador de restaurante de fast food | 3-Avançado |
Clone do Instagram | Um clone do aplicativo Instagram do Facebook | 3-Avançado |
Linha do tempo do GitHub | Gerar uma linha do tempo dos repositórios GitHub de um usuário | 3-Avançado |
Parabéns Slackbot | Dê reconhecimento a um colega merecedor | 3-Avançado |
Aplicativo de filme | Navegue, encontre classificações, verifique os atores e encontre o próximo filme para assistir | 3-Avançado |
Biblioteca MyPodcast | Crie uma biblioteca de podcasts favoritos | 3-Avançado |
Consulta de exoplanetas da NASA | Consulte o arquivo de exoplanetas da NASA | 3-Avançado |
Jogo de concha | Jogo de concha animado | 3-Avançado |
Baralho aleatório | Avalie diferentes algoritmos para embaralhar um baralho de cartas | 3-Avançado |
Arquivador Slack | Arquivar mensagens do Slack | 3-Avançado |
Aplicativo Spell-It | Uma reviravolta no clássico jogo Speak N Spell | 3-Avançado |
Aplicativo de pesquisa | Definir, conduzir e visualizar uma pesquisa | 3-Avançado |
Estamos planejando adicionar mais e mais projetos a este repositório. Para isso, precisamos da sua ajuda! Descubra como contribuir abaixo. ?
Também estamos planejando criar um site onde você possa navegar facilmente por todos os projetos.
Quaisquer contribuições são muito apreciadas. Você pode contribuir de duas maneiras:
crie um problema e conte-nos sua ideia. Certifique-se de usar o rótulo da nova ideia neste caso;
bifurque o projeto e envie um PR com sua nova ideia. Antes de fazer isso, certifique-se de ler e seguir o Guia de Contribuição;
Você também pode adicionar seus próprios exemplos aos projetos depois de concluí-los. Eu recomendo fortemente que você faça isso, pois isso mostrará aos outros que coisas incríveis foram construídas! ?
Se as informações deste repositório foram úteis para você de alguma forma, certifique-se de dar uma estrela ?, assim outras pessoas poderão encontrá-las e se beneficiar também! Juntos podemos crescer e tornar nossa comunidade melhor! ?
Você tem alguma sugestão sobre como podemos melhorar este projeto em geral? Deixe-nos saber! Adoraríamos ouvir seu feedback!
Florin Pop : Twitter - Canal do YouTube - site.
Jim Medlock : Twitter - artigos
Como bônus, criei o desafio #100Days100Projects. Você pode encontrar mais 100 ideias de projetos menores. Aproveitar! ?