Skip to content

Latest commit

 

History

History
176 lines (115 loc) · 6.49 KB

README-Template.md

File metadata and controls

176 lines (115 loc) · 6.49 KB
Raw

SEMPRE OBSERVAR SE HÁ UMA COISA A MAIS OU A MENOS NO TEMPLATE DO DESAFIO

Table of contents (Tabela de conteúdos)

Overview

The challenge

ENGLISH

Time used for the development of the whole challenge was:

PORTUGUÊS

Tempo usado para desenvolvimento de todo o desafio foi:

Screenshot

ENGLISH

Add a screenshot of your solution. The easiest way to do this is to use Firefox to view your project, right-click the page and select "Take a Screenshot". You can choose either a full-height screenshot or a cropped one based on how long the page is. If it's very long, it might be best to crop it.

Alternatively, you can use a tool like FireShot to take the screenshot. FireShot has a free option, so you don't need to purchase it.

Then crop/optimize/edit your image however you like, add it to your project, and update the file path in the image above.

PORTUGUÊS

Adicione uma imagem de ecrã da sua solução. A forma mais fácil de o fazer é utilizar o Firefox para visualizar o seu projecto, clicar com o botão direito do rato na página e seleccionar "Take a Screenshot". Pode escolher uma imagem de ecrã de altura total ou uma imagem cortada com base no comprimento da página. Se for muito longa, talvez seja melhor cortá-la.

Em alternativa, pode usar uma ferramenta como FireShot para tirar a captura de ecrã. FireShot tem uma opção gratuita, pelo que não precisa de a adquirir.

Depois, corte/optimize/edite a sua imagem como quiser, adicione-a ao seu projecto, e actualize o caminho do ficheiro na imagem acima.

Links

ENGLISH

PORTUGUÊS

My process

Built with

ENGLISH

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Mobile-first workflow
  • React - JS library
  • Next.js - React framework
  • Styled Components - For styles

PORTUGUÊS

  • Marcação HTML5 semântica
  • Propriedades personalizadas do CSS
  • Flexbox
  • Grelha CSS
  • Fluxo de trabalho móvel-primeiro
  • Reagir - Biblioteca do JS
  • Next.js - Reagir enquadramento
  • Componentes Estilizados - Para estilos

What I learned

ENGLISH

Use this section to recap over some of your major learnings while working through this project. Writing these out and providing code samples of areas you want to highlight is a great way to reinforce your own knowledge.

To see how you can add code snippets, see below:

<h1>Some HTML code I'm proud of</h1>
.proud-of-this-css {
  color: papayawhip;
}
const proudOfThisFunc = () => {
  console.log('🎉')
}

If you want more help with writing markdown, we'd recommend checking out The Markdown Guide to learn more.

PORTUGUÊS

Utilize esta secção para recapitular algumas das suas principais aprendizagens enquanto trabalha neste projecto. Escrever estas e fornecer amostras de código de áreas que pretende destacar é uma óptima forma de reforçar os seus próprios conhecimentos.

Para ver como pode adicionar trechos de código, ver abaixo:

<h1>algum código HTML de que me orgulho</h1>
.proud-of-this-css {
  cor: papayawhip;
}
const proudOfThisFunc = () => {
  console.log('🎉')
}

Se quiser mais ajuda para escrever o Markdown, recomendamos que consulte The Markdown Guide para saber mais.

Continued development

ENGLISH

Use this section to outline areas that you want to continue focusing on in future projects. These could be concepts you're still not completely comfortable with or techniques you found useful that you want to refine and perfect.

PORTUGUÊS

Utilize esta secção para delinear as áreas que pretende continuar a focar em projectos futuros. Estes poderão ser conceitos com os quais ainda não se sinta completamente à vontade ou técnicas que considere úteis e que deseje aperfeiçoar e aperfeiçoar.

Useful resources

ENGLISH

  • Example resource 1 - This helped me for XYZ reason. I really liked this pattern and will use it going forward.
  • Example resource 2 - This is an amazing article which helped me finally understand XYZ. I'd recommend it to anyone still learning this concept.

PORTUGUÊS

  • Recurso de exemplo 1 - Isto ajudou-me por razões XYZ. Gostei muito deste padrão e vou utilizá-lo no futuro.
  • Recurso de exemplo 2 - Este é um artigo surpreendente que me ajudou finalmente a compreender XYZ. Recomendá-lo-ia a qualquer pessoa que ainda esteja a aprender este conceito.

Author

Acknowledgments

ENGLISH

This is where you can give a hat tip to anyone who helped you out on this project. Perhaps you worked in a team or got some inspiration from someone else's solution. This is the perfect place to give them some credit.

PORTUGUÊS

É aqui que pode dar uma dica de chapéu a qualquer pessoa que o tenha ajudado neste projecto. Talvez tenha trabalhado em equipa ou se tenha inspirado na solução de outra pessoa. Este é o local perfeito para lhes dar algum crédito.