Quem procura melhorar os padrões visuais ou as funcionalidades do seu site encontra, no repositório, um grande material de consulta e de melhorias. Eis o escopo da publicação.

O repositório é uma coleção de projetos de código aberto que imitam sites e aplicativos famosos, como Airbnb, Amazon, Instagram, Netflix, Spotify, WhatsApp e YouTube. Ele serve principalmente para quem quer aprender a criar sites e aplicativos observando código real.

https://github.com/GorvGoyl/Clone-Wars

Lista dos sites e aplicativos clonados> https://gourav.io/clone-wars

A lista diferencia dois tipos de projeto:

• Clones: parecem visualmente com serviços conhecidos, mas podem ter poucas funções ou não funcionar completamente. O objetivo principal é estudar programação e design de interfaces.

• Alternativas: são programas de código aberto mais completos, que podem servir como substitutos de serviços populares.

O conteúdo está dividido em duas tabelas. A primeira reúne clones acompanhados de tutoriais ou de cursos gratuitos. A segunda apresenta clones e alternativas, com links para demonstrações, repositórios no GitHub, tecnologias utilizadas e, em alguns casos, o número de estrelas recebidas no GitHub.

Por exemplo, há projetos inspirados no Instagram feitos com React, Firebase e React Native; versões do Netflix usando React, Redux e Firebase; alternativas ao Gmail desenvolvidas com Flutter; e opções semelhantes ao Google Drive usando React, Node.js e MongoDB.

Em termos simples, a página funciona como uma biblioteca de exemplos para estudar programação. Uma pessoa pode escolher um projeto semelhante a um serviço que conhece, ver a demonstração, acessar o código no GitHub e aprender como diferentes tecnologias são usadas para criar páginas, aplicativos, sistemas de login, bancos de dados e comunicação entre usuários.

As estrelas do GitHub dão uma noção de popularidade do projeto, mas não garantem que ele seja o melhor ou mais completo. Portanto, a lista deve ser vista como um ponto de partida para aprendizado, e não como uma coleção oficial dos sites originais.

Fontes:

https://gourav.io/clone-wars

Clones e Alternativas de Código Aberto de Sites Populares

Visão geral

A coleção reúne mais de 100 clones e alternativas de código aberto de sites e aplicativos populares, incluindo Airbnb, Amazon, Instagram, Netflix, TikTok, Spotify, WhatsApp e YouTube. O objetivo é apoiar o aprendizado por meio de código-fonte, tutoriais, demonstrações, tecnologias utilizadas e, em alguns casos, número de estrelas no GitHub.

Diferença entre clones e alternativas

• Clones: reproduzem uma interface semelhante à de um produto conhecido, mas geralmente não são totalmente funcionais. Seu foco principal é o aprendizado.

• Alternativas: são soluções de código aberto mais completas e funcionais, destinadas a substituir ou oferecer uma opção semelhante a softwares populares.

O número de estrelas no GitHub é apresentado como um indicador geral de popularidade e maturidade dos projetos, embora não represente necessariamente sua qualidade técnica.

Organização da coleção

Clones com tutoriais

A primeira tabela reúne clones que possuem links para tutoriais ou cursos gratuitos. Ela inclui:

• Produto ou serviço clonado;

• Link para demonstração;

• Site do tutorial ou curso;

• Repositório no GitHub;

• Tecnologias utilizadas.

Alguns exemplos:

Clones e alternativas

A segunda tabela reúne outros clones e alternativas, apresentando:

• Projeto relacionado;

• Demonstração;

• Repositório;

• Conjunto de tecnologias;

• Número de estrelas no GitHub.

Entre os projetos listados estão:

As demonstrações podem estar hospedadas em sites próprios, plataformas como Netlify e Firebase, vídeos no YouTube ou, em alguns casos, ser apresentadas apenas por capturas de tela.

Principais tecnologias presentes

A coleção abrange diferentes ecossistemas e combinações tecnológicas, incluindo:

• Front-end: React, React Native, Angular, Flutter e Next.js;

• Back-end e APIs: Node.js, Express.js, Django, GraphQL e Apollo;

• Bancos de dados e serviços: MongoDB, Firebase, Firestore, Firebase Storage e DataStax Astra;

• Estilização e ferramentas: TailwindCSS, styled-components, Redux, ngrx, Nx e Expo;

• Desenvolvimento móvel: Android Studio, Xamarin, Flutter e React Native.

Isso torna a lista útil para estudar tanto interfaces quanto autenticação, armazenamento, APIs, gerenciamento de estado e desenvolvimento multiplataforma, conforme as tecnologias indicadas em cada projeto. ## Regras para contribuição

O projeto aceita contribuições para permanecer atualizado. Para corrigir um clone inválido, o processo consiste em editar o arquivo readme.md e enviar um Pull Request.

Para adicionar um novo projeto, ele deve:

• Ser baseado em um software ou aplicativo popular;

• Possuir funcionalidades mínimas, não apenas uma interface visual;

• Não ser um clone de Trello ou 2048, exceto quando utilizar uma tecnologia diferente;

• Ser incluído na primeira tabela caso tenha tutorial;

• Ser incluído na segunda tabela caso não tenha tutorial;

• Respeitar a ordem alfabética da lista.

O responsável pelo projeto também está aberto a sugestões e feedbacks para melhorar a coleção, podendo ser contatado pelo Twitter e pelo LinkedIn.

Conclusão

A lista funciona como um catálogo de referência para quem deseja estudar desenvolvimento de software por meio de projetos inspirados em produtos conhecidos. Ela combina exemplos práticos, tutoriais, demonstrações, repositórios e informações sobre tecnologias, permitindo escolher projetos de acordo com o nível de funcionalidade desejado e com a stack tecnológica de interesse.

Sources:

https://gourav.io/clone-wars