Projeto | Tecnologias | Material de apoio | Apresentação visual | Como baixar | Configurações | Melhorias | Sobre | Agradecimentos
O GitTags, é pra aquele que está sempre procurando novos projetos e curtindo aqueles que são interessantes. E gostaria de poder adicionar uma tag a um repositório para que ele possa ser encontrado facilmente. Por exemplo: encontrei um repositório chamado react e gostaria de adicionar tags typescript e frontend. Como o GitHub não possui essa funcionalidade, este sistema de forma simples pode ajudar nessa tarefa. A ideia é ir incrementando sempre um pouco mais 😏
Abaixo estão algumas das tecnologias utilizadas durante o desenvolvimento do projeto. Ainda foi visado: Organizar o diretório da nossa aplicação de forma concisa, limpa e eficiente. Escrever código limpo visando reutilização e eficiência e criar testes unitários e de integração.
Bom, por toda ideia de Magrathea, espaço, mochileiro das galáxias... busquei uma tema em "homenagem" 😅 rs
// Clonar repositório
$ git clone https://github.com/douglasconstancio/frontend-git-tag.git
// Acessar diretório
$ cd frontend-git-tag
// Instalar dependências
$ yarn
// Iniciar projeto
$ yarn start
Inicialmente para este autenticação na aplicação, foi realizado a utilização do Github OAuthApps. Com ele iremos gerar credenciais, onde podemos fazer o login com Github na nossa aplicação.
No própria tela do Github, em: ' Settings > Developer settings > OAuth Apps > New OAuth App '
Exemplo de parametrização para uso:
application-name: nome-do-repositório |
homepage: https://oauth.io |
authorization callback URL: https://oauth.io/auth |
Com essas inforamações, será criado o client_id e cliente_secret
Entrar no oAuth e fazer login com o Github
Verificar as infomações do App keys
Adicionar a infomação 'localhost' em Domain's & URLs
Em: ' Integrated API's > +Add API's ' selecionar o Github
Em: ' Key's and permission scope ' informar os dados:
client_id: gerado pelo Github no OAuth Apps |
client_secret: gerado pelo Github no OAuth Apps |
scope: user |
No diretório da raiz do projeto criar um arquivo .env com os seguintes dados:
REACT_APP_CLIENT_ID='client_id do OAuthApps'
REACT_APP_CLIENT_SECRET='client_secret do OAuthApps'
REACT_APP_REDIRECT_URI='http:https://localhost:3000/login'
REACT_APP_API_DB='http:https://localhost:4000'
REACT_APP_OAUTH_IO='public_key do oAuth-io'O repositório do backend ta aqui 🎯
- Tornar o site responsivo;
- Melhoras as tipagens (type safe);
- Levar a autenticação via API do Github para o backend;
- Melhorar as rotas (Criar uma rota específica para os repositórios e outra para as tags);
- Mudar os nomes dos campos mantendo compatibilidade com os recebidos da API do Github;
Esse projeto foi desenvolvido com base na proposta de projeto da MagratheaLabs.
Obrigado a todos que tiraram um tempinho pra ajudar a tirar uma dúvida, estenderem o tempo de dev, e pelos incentivos e elogios no Slack.