📋 Indíce

• Bem-vindo
• Proposta
  • O desafio
  • Objetivo
• Meu processo
  • Construção do Projeto
  • Aprendizado
  • Prosseguimento
• Screenshots
• Links
• Tecnologias utilizadas
• Pré-requisitos
• Procedimentos de instalação
• Agradecimentos
• Autora

Bem-vindo! 👋

NLW eSports

Essa foi a criação de um gerador de links sobre jogos, canais e streamings do Instrutor Mayk Brito.

🚀 Proposta

Trilha Explorer

Projeto construído do Evento Next Level Week da Rocketseat.

Data inicial: 11/09/2022

Data final: 18/09/2022

🏆 O desafio

Os usuários devem ser capazes de:

• Clicar nas imagens e serem direcionados para uma página externa.

• Entrar e/ou atualizar a página e ver um efeito de animação.

• Passar o mouse sob as imagens e verificar efeito hover.

🏆 Objetivo

• Participação no Evento Next Level Week da Rocketseat (NLW) para aprender um pouco mais sobre a área de Front-end, adquirindo hard skills e soft skills necessárias para o mercado de trabalho.

👩🚀 Meu processo

5 dias para concluir o projeto

🏆 Construção do Projeto

5 Aulas práticas

• Marcação HTML5 semântica
• Propriedades CSS
• Deploy

Construção:

1. Criação do arquivo index.html com estrutura HTML.

2. Criação de header main section divs ul e li para organização de conteúdo.

3. Criação do styles.css.

4. Estilização do CSS com @keyframes para animação.

Dentro da pasta /design encontra-se o design do projeto.

🏆 Aprendizado

• Figma
• Fundamentos da Programação
• Tecnologias usadas no Front-end e Back-end
• Git e Github
• Fundamentos no HTML e tags como header main section div ul li a img
• Fundamentos no CSS: Resetar css, espaçamentos, conceito de caixa, visualização das caixas, trabalho com arredondamentos, efeitos e animações.
• Git e Github.

🏆 Prosseguimento

Revisitar/revisar conteúdo prático e me desafiar ao fazer um novo projeto com outras fontes, textos, cores, imagens, layout diferentes com um gerador de link sobre minhas séries e filmes preferidos.

📸 Screenshots

🖥️ Design do Projeto

✔️ Links

🔗 Clique aqui para acessar

🛠 Tecnologias utilizadas

• HTML5
• CSS3
• Git e Github

☑️ Pré-requisitos

• Editor de código de sua preferência (recomendado VS code)
• Git

📝 Procedimentos de instalação

Clone este repositório usando o comando:

git clone https://github.com/RaizaCirne/nlw-esports-2022.git

Baixar arquivo zip

Extrir arquivos

Abrir pasta no editor de código.

😎 Agradecimentos

Agradeço a Rocktseat e ao instrutor Mayk Brito pela oportunidade de participar de um evento como o Next Level Week (NLW) e poder adquirir tantos conhecimentos importantes para atuarmos na área de desenvolvimento.

😎 Autora

• Personal Page - Raíza Cirne Braz
• Frontend Mentor - @RaizaCirne
• GitHub - RaizaCirne
• LinkedIn - Raíza Cirne Braz

HTML - CSS - Git - Github 🚀