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:
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 :
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. |
Nome | Breve descrição | Nível |
---|---|---|
Aplicativo de jogo de xadrez | Um aplicativo de jogo de xadrez para dois jogadores usando JavaScript | 1-Iniciante |
10 interfaces de usuário | 10 interfaces de usuário usando HTML, CSS e JavaScript | 1-Iniciante |
Livro de áudio | PDF para audiolivro usando Python | 1-Iniciante |
Aplicativo de reconhecimento facial | Reconhecimento facial + atendimento usando OpenCV | 1-Iniciante |
Nome | Breve descrição | Nível |
---|---|---|
Aplicativo clone do Airbnb | Um clone da página inicial do aplicativo React para Airbnb | 2-Intermediário |
Aplicativo de filme TMDB | Um aplicativo interativo de banco de dados de filmes usando ReactJS. | 2-Intermediário |
Aplicativo Github Empregos | Um aplicativo GitHub Jobs usando React Hooks e API Github | 2-Intermediário |
Aplicativo de clima | Aplicativo meteorológico em React JS usando a API Open Weather Map | 2-Intermediário |
Gerador de cartão de visita | Um gerador de cartão de visita usando React JS | 2-Intermediário |
Galeria de fotos de reação | Aplicativo de galeria de fotos usando React JS e Firebase | 2-Intermediário |
Aplicativo Chat-Bot | Um Chat-Bot que pode responder às suas dúvidas usando python | 2-Intermediário |
Mecanismo de recomendação de filmes | Um sistema de recomendação de filmes usando ML | 2-Intermediário |
Detecção de fraude de cartão de crédito | Detecção de fraude de cartão de crédito usando ML | 2-Intermediário |
Rastreador Wildfire com React | Detecção de incêndio florestal usando React, API da NASA | 2-Intermediário |
Clone do Google Drive com React | Clone do Google Drive usando React, Firebase | 2-Intermediário |
Aplicativo de condicionamento físico | Um aplicativo de fitness que envia novos treinos por e-mail todos os dias usando Python e HarperDB. | 2-Intermediário |
Nome | Breve descrição | Nível |
---|---|---|
Aplicativo clone do Facebook | Um aplicativo clone do Facebook usando React JS e Firebase | 3-Avançado |
Clone Netflix - FullStack | Um aplicativo clone do Netflix usando API TMDB | 3-Avançado |
Aplicativo clone do Instagram | Um aplicativo Instagram Clone usando React JS | 3-Avançado |
Um rastreador COVID-19 | Um rastreador COVID-19 usando React JS | 3-Avançado |
Clone Amazon Full Stack | Um clone Full-Stack AMAZON usando REACT JS | 3-Avançado |
Aplicativo clone Flipkart | Um clone Flipkart Full-Stack usando MERN Stack | 3-Avançado |
Formulário de Votação - MERN | Um aplicativo de votação usando MERN Stack | 3-Avançado |
Registro de viagem - MERN STACK | Aplicativo Travel Log usando MERN Stack | 3-Avançado |
Clone de discórdia - MERN STACK | Aplicativo Discord Clone usando MERN Stack | 3-Avançado |
Clone do Mensageiro - MERN STACK | Aplicativo clone do Messenger usando MERN Stack | 3-Avançado |
Clone Tik Tok - PILHA MERN | Aplicativo Tik Tok Clone usando MERN Stack | 3-Avançado |
Clone Robinhood | Clone Robinhood usando React JS | 3-Avançado |
Clone do LinkedIn | Clone do LinkedIn usando React JS | 3-Avançado |
Clone de sinal | Clone de sinal usando React JS | 3-Avançado |
Clone do Gmail | Clone do Gmail usando React JS | 3-Avançado |
Aplicativo de comércio eletrônico | MongoDB, Reactjs, Nextjs | 3-Avançado |
Mercado Full Stack NFT | Ethereum, Polygon e Next.js | 3-Avançado |
Solicitação de fatura | Vue 3, Vuex e Firebase | 3-Avançado |
Clone completo do Twitter | Próximo JS, Recoil JS, Tailwind CSS, Nextauth e Firebase | 3-Avançado |
Nome | Breve descrição | Nível |
---|---|---|
Site de domínio como Godaddy | Site de domínio Web 3.0 como Godaddy | 2-Básico |
Clone Amazon usando Solidity | Solidity, Ethers.js, React e capacete de segurança | 2-Básico |
Aplicativo imobiliário como Zillow | Solidez, Ethereum, Capacete de Segurança, Reagir | 2-Básico |
TÓPICO | TUTOR |
---|---|
Tutorial MERN STACK | Programador inteligente |
Tutorial de reação JS | FreeCodeCamp |
Tutorial Django | Programador inteligente |
Full Stack GraphQL Reagir | Ben Awad |
Projetos de reação | Viciado em codificação |
Tutorial de PHP | CódigoComHarry |
Lista de reprodução de projetos nativos do React | Por Programadores |
Tutorial do Spring Framework | AprendaCodeCom Durgesh |
Tutorial JSP e Servlets | AprendaCodeCom Durgesh |
Site de currículo e portfólio do React JS | Salman Fazal |
5 projetos de inicialização Spring | Guias Java |
100 dias de Kubernetes | Anais Urlichs |
API GraphQL com .NET 5 e Chocolate Quente | Les Jackson |
Microsserviços .NET | Les Jackson |
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:
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! ?
Obrigado a todas essas pessoas maravilhosas. Contribuições de qualquer tipo são bem-vindas!
Procurando ótimas contribuições de todos os entusiastas do código aberto para tornar este repositório ainda maior! Siga as etapas mencionadas no arquivo Contributing.md para PRs bem-sucedidos
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 ❤!