Giter VIP home page Giter VIP logo

github-blog's Introduction

github-blog

Blog pessoal criado a partir do desafio proposto pela trilha Ignite da Rocketseat.

Setup de ambiente:

Para executar o projeto:

  • clonar o reposítório git clone https://github.com/lucian-af/github-blog.git;
  • executar o comando yarn install;
  • executar o comando yarn dev;

Seguindo os passos acima o projeto é para rodar em uma URL, que é mostrada no terminal e parecida com http://127.0.0.1:8080;

Página inicial do projeto:

Página principal

Como o projeto está organizado

  • src/pages - ficam as páginas/rotas da aplicação;
  • src/components - ficam os componentes genéricos, que podem ser adicionados em novas páginas/rotas;

Recursos utilizados no projeto

Nesse projeto está sendo usado recursos de route e state do ReactJS, styled-components para estilização via CSS.

Está sendo usada a lib axios para consultas na API do GitHub.

Protótipo navegável

Dica

Para ter o seu próprio Blog com o mesmo layout desse projeto, basta trocar os valores das variáveis no arquivo env.ts

  BLOG_USER_DEFAULT=<seu-usuario>
  BLOG_REPO_DEFAULT=<seu-usuario>/<seu-respositorio-com-issues>

Bora lá ?! 😎

github-blog's People

Contributors

lucian-af avatar

Watchers

 avatar

github-blog's Issues

Adicionando novas issues para aparecer no blog

Essa issue é um exemplo para aqueles que quiserem ver na prática o funcionamento do projeto desenvolvido neste repositório.

Acesse a página do repositório Github-Blog

Procure pela aba "Issues" e clique no botão "New issue".

Será aberta uma caixa para adicionar, primeiro o título e abaixo o conteúdo referente a issue.

image

Uma vez inserido o texto e revisado, você pode clicar na aba "Preview" para ir conferindo como o texto está ficando e personalizá-lo como preferir.

Estando tudo certo é só clicar no botão "Submit new issue".

Feito isso, só rodar o projeto seguindo o README que a sua issue aparecerá na página inicial.

Bora lá ?! 😎

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.