Git Product home page Git Product logo

github_blog's Introduction

Desafio 03 - Github Blog

MIT License


Sobre |  Motivo |  Tecnologias |  Figma | 

Cores |  Fontes |  Executar |  Licença


ℹ️ Sobre

Nesse módulo foi praticado a utilização de clientes HTTP consumindo a API do Github para criar um blog pessoal.

A aplicação desenvolvida que utilizará da API do GitHub para buscar issues de um repositório, dados do meu perfil e exibir como um blog.

  • Listagem do perfil com imagem, número de seguidores, nome e outras informações disponíveis pela API do GitHub.
  • Listar e filtrar todas as issues do repositório com um pequeno resumo do conteúdo dela
  • Criar uma página para exibir um post (issue) completo

Apesar de serem poucas funcionalidades, foi revisto conceitos como:

  • Fetch / Axios
  • Roteamento e React Router DOM
  • Formulários

Para completar esse desafio foi preciso fazer alguns preparativos e principalmente algumas pesquisas para entender sobre a API do GitHub.

⁉️ Motivo

Reinicio dos estudos do bootcamp Ignite ReactJS da Rocketseat.

Como se tratou de um desafio, foi necessário alguns conhecimentos além dos abordados nesse módulo.

🚀 Tecnologias Utilizadas

🎨 Layout no Figma

Para essa aplicação foi fornecido um layout para que fosse possível seguir e implementar todas as funcionalidades desenhadas no #Figma.

Github Blog

🌈 Documentação de cores

Cor Hexadecimal
blue #3294F8
white #FFFFFF
title #E7EDF4
subtitle #C4D4E3
text #AFC2D4
span #7B96B2
label #3A536B
border #1C2F41
post #112131
profile #0B1B2B
background #071422
input #040F1A

🔤 Fontes utilizadas

⚡ Como executar

  • Clone o projeto:
git clone https://github.com/jerp86/github_blog.git
  • Acesse a pasta clonada:
cd github_blog
  • Instale as dependências:
npm ci
  • Inicie a fake API e o projeto:
npm run dev

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.


Feito por Jerp86 👋️

Perfil do Linkedin de José Eduardo Rodrigues Pinto   Perfil do Twitter de José Eduardo Rodrigues Pinto

github_blog's People

Contributors

dependabot[bot] avatar jerp86 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.