Projeto Pro Gamer

• O mesmo pode ser visualizado em ambas plataformas abaixo:
  • 
  • 

Projeto desenvolvido junto com a escola Senai no curso de Desenvolvimento de Software.

Este projeto se iniciou com o desenvolvimento no Figma, realizando protótipo de baixa fidelidade e alta fidelidade que podem ser encontrados clicando aqui. Após a finalização do Figma chegou a hora de transformar a idealização em realidade através da linguagem de marcação HTML5, linguagem de Estilização CSS, e Linguagem de Programação Java Script, iniciando pela construção de responsividade mobile first para depois tablet e em seguida desktop.

Neste projeto foram utilizados Técnicas de: Glassmorphism, Flex Box, Position, HTML Semântico, BEM e um pouco de SMACSS, Trabalho realizado com medidas em %, EM, PX, Box Model entre outras técnicas para atingir o objetivo, inputs.

Dificuldades encontradas no projeto:

• Efeito de borda gradiente com utilização do Glassmorphism, foi sem duvida o maior trabalho que encontrei, para chegar o mais próximo do projeto do Figma.
• Utilização do Position, também foi um ponto que tive dificuldade de compreender no início, mas logo que aprendi, foi bem tranquilo.

Video.sem.titulo.Feito.com.o.Clipchamp.7.mp4

Recursos utilizados durante o desenvolvimento:

• SO:

  • 

• Prototipação:

  • 

• Editor de código:

  • 
  • Extensões:
    • EsLint.
    • Live Server.
    • GitLens.
    • CSS Var Complete.
    • HTML CSS Support.
    • IntelliSense for CSS class .
    • open in browser.
    • Dracula Official

• Linguagens utilizadas:

  • 

• Navegadores Utilizados Durante desenvolvimento:

  • 

• Controle de Versionamento:

  • 

• Base de estudos:

  • 

Baixar uma copia dos arquivos:

• Instalar o Git na maquina com GitBash de preferência:

  • https://git-scm.com/downloads

• Agora será necessário efetuar um clone do repositório através dos seguintes passos.

  • Ir até a pasta ou local desejável para efetuar o download do repositório > clicar com o botão esquerdo do mouse > selecionar o terminal de sua preferencia (Recomendado: Git Bash) e executar o código abaixo.
  • git clone https://github.com/AllanR1991/projeto-gamer-allan.git

Desenvolvedor

_{| 🙋🏼‍♂️ Allan Rodrigues dos Santos |}