Coder Social home page Coder Social logo

ellyzeul / hacktober2022 Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 11.0 61 KB

Será que juntos conseguimos fazer algum desenho?

Home Page: https://ellyzeul.github.io/Hacktober2022/

License: GNU General Public License v3.0

HTML 11.33% JavaScript 72.79% CSS 15.88%
hacktoberfest hacktoberfest-accepted hacktoberfest2022

hacktober2022's Introduction

Olá

Me chamo Gabriel (ou Ellyzeul)

Não sei se posso me chamar de apaixonado por tecnologia, mas é meu trabalho e meu hobby, buscar sempre estudar algo novo e sair da zona de conforto.

Áreas de interesse

Muitas áreas dentro da computação me chamam atenção, mas me foco no desenvolvimento web fullstack, por ser meu trabalho, mas em geral, estudo bastante sobre programação distribuída e quem sabe não volto meus estudo mais para a área de computação de alto desempenho.

Tecnologias utilizadas

Para quem se interessa

Estatísticas do GitHub Linguagens mais usadas

hacktober2022's People

Watchers

 avatar

hacktober2022's Issues

Responsividade para mobile

A página como está atualmente funciona bem em navegadores de computador, mas nem pense em abrir no celular...
Contribuições que tornem o design responsivo são bem-vindas.

Implementação de novas formas geométricas

No arquivo index.js é onde está todo o código da aplicação.
Na linha 30 é onde está a declaração do objeto com as funções desenhar.
Para adicionar uma nova função basta colocar uma nova entrada no objeto e a lógica da função.
É necessário também indicar no README, na seção Quais formas tem e como descrever elas no JSON? quais os parâmetros necessários para desenhar aquela forma, por exemplo:

Caso a função para desenho de circulo seja implementada o README ficará assim:

Formas implementadas Descrição JSON
Linha
{
  "form": "line",
  "x0": 2,
  "y0": 2,
  "x1": 10,
  "y1": 10,
  "contributor": "Ellyzeul"
}
      
Circulo
{
  "form": "circle",
  "xc": 100,
  "yc": 100,
  "radius": 10,
  "contributor": "yingyangtongxue"
}
      

Algumas ideias de formas para implementação são:

  • Circulo
  • Quadrilátero
  • Triângulo
  • Elipse

Melhoria na estilização da página

Caso sinta que o estilo da tela não está bom (entendo se achar o tema claro ruim, eu também acho), contribuições que proponham uma alteração para embelezar a página são bem-vindas.

Adição de informações extras sobre os contribuidores

Ao passar o mouse em cima do ponto de origem de uma forma o nome do contribuidor aparece como link clicável ao topo na direita.
Essas informações são consultadas via API pública do GitHub, na linha 21 do arquivo index.js.
Atualmente apenas a foto e nome de usuário são exibidos. Será que há mais coisa que poderia ser exibida?

Para saber quais informações são retornadas pela API, a documentação entra em detalhes, ou pode-se verificar esse exemplo de consulta: https://api.github.com/users/Ellyzeul

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.