Como estruturei um catálogo de projetos brasileiros usando apenas Vanilla JS e GitHub como backend
Olá a todos, eu navegando pelo Github percebi que ao tentar colaborar com projetos de codigo aberto feito por brasileiro é bem dificil encontrar já que há muitos projetos no Github.
Então eu acabei criando essa plataforma bem simples com HTML, CSS e JavaScript.
Esse é um projeto que fiz como passatempo e optei por usar o Github pages para facilitar teste e implantação e o banco de dados com JSON via PR para tornar o site comunitário e sustentável.
Ela funciona como um hub dai o nome Hoobr ele uitiliza o backend de banco de dados com um arquivo JSON onde os projetos que serão adicionados pela comunidade por meio desse arquivo.
Não sei se é uma bos ideia que pode melhorar mais ja é uma iniciativa simples
Para subir um projeto na plataforma é feito por meio fork no projeto e clonando ele localmente para editar o arquivo JSON e subindo novamente para o Github e abrindo um pull request onde é analisado e no fim é mesclado o banco de dados com alteração adicionando o projeto na pagina inicial da plataforma.
Ele possui um sistema de busca bem simples para pesquisar tanto nome do projeto como na descrição.
Por enquanto ainda não estudei nenhum framework então em programação web com HTML, CSS e JavaScript como forma de fixar conhecimento em JavaScript e desenvolvi isso como projeto pessoal e fazer código é o que me faz feliz é o que importa.
Ela funciona no Github Pages e para adicionar um projeto na plataforma é so seguir o seguinte caminho:
- O colaborador faz um fork do repositório hoobr.
- Faça um clone do repositório 'git clone https://github.com/higorfernandoeliseo/hoobr.git'
- Abra no seu editor favorito o arquivo 'projects.json' no diretório 'assets/db'.
- Adicione seu projeto criando um novo objeto ao array dentro do arquivo "projects.json"
- Adicione os arquivos com 'git add .' e comite as alterações com 'git commit -m "Descreva o que alterou em poucas palavras" '.
- Dê um 'git push origin master'
- Acesse o repositório no GitHub. Clique no botão "Compare & pull request" que aparecerá.
- preencha o título e a descrição sobre o projeto a ser adicionado, e clique em "Create pull request".
Aprovando o pull request ele é adicionado e já pode ser exibido na plataforma.
Espero que as pessoas gostem ou sugiram melhorias para o projeto são sempre bem-vindas.
Se quiser analisar o codigo e o projeto esse é o repositório:
Repositório: https://github.com/higorfernandoeliseo/hoobr/
Ele no ar: https://higorfernandoeliseo.github.io/hoobr/
Obrigado a quem tenha visto.