Foto de Perfil

David

"HAWIZE"

Richard

Entusiasta da área. Cheio de profissões dos sonhos e faminto por conhecimento. Amo tudo que me faça pensar e exercitar a mente. Atualmente formado pela vida/internet.

    Conhecimentos:

  • JAVA - Básico.
  • PHOTOSHOP - Básico.
  • CSS - Intermediário.
  • HTML - Intermediário.
  • PYTHON - Intermediário.
  • INGLÊS - Intermediário.

Olá 😁. Primeiramente, tudo bem?! (Espero que sim), muito obrigado por estar aqui. Seja muito bem-vindo ao meu primeiro DEV Portfolio, me chamo David Richard, Rick, para os mais íntimos, também atendo pelo codename: HAWIZE. Sou um amante da área tech num geral, trabalhar com isso sempre foi meu sonho e estou em busca disto. Desde pequeno sou atraído pela tecnologia, estudando sobre elétrica, eletrônica e tudo mais. Tenho bastante conhecimento neste quesito, chegando até mesmo a trabalhar no ramo, mais especificamente com painéis solares. E eu adorava! A altura, o perigo, a complexidade, os detalhes que diferenciam e dão o toque de bom trabalho. Sou um pouco perfeccionista, e diria que esse é meu maior trunfo, mas também minha maior barreira. Barreira pelo fato de passar muito tempo num detalhe mínimo e acabar me esgotando, porém posso dizer trunfo por não gostar de fazer nada meia-boca, se não for pra dar meu máximo prefiro nem começar.

Agora que sabe um pouco de mim, te apresento alguns dos meus projetos, que desenvolvi com o decorrer dos meus estudos com HTML/CSS. Como já disse acima, este é apenas o primeiro, pretendo ainda aprender sobre JavaScript e outras linguagens, até porque meu sonho é ser game maker e ethical hacker, mas estou utilizando o HTML/CSS como porta de entrada para uma vida profissional na área e de imediato me tornar um full-stack. Tentarei deixar meus web portfólios cada vez mais divertidos e interativos, espero que gostem deste e que se sintam cativados a acompanhar minha jornada nas redes sociais. Sintam-se em casa.

Ei 🤨, nem tanto, tire os pés do sofá. 😠

Projetos Finalizados

AndroidHistory

Versão: v1.0

Visite Clicando Aqui

Meu primeiro projeto realmente finalizado. Fiquei muito orgulhoso de mim quando terminei kakak. Foram dias para finalizá-lo e mostrei para todos que pude. É um mini site que conta um pouco da história da criação do icônico mascote do android.
Fiz um menu básico com gradiente e animação nos botões fake. Adicionei links internos e externos para imagens e fontes. Anexei um vídeo do youtube. E por último uma lista com os nomes de algumas das primeiras versões do bugdroid.

Versão Desktop

Print do Site AndroidHistory v1.0 no Computador

Versão Mobile

Print do Site AndroidHistory v1.0 no Celular

Versão: v2.0

Visite Clicando Aqui

Esta é uma versão aprimorada, desenvolvida para aplicar alguns conhecimentos mais avançados que aprendi. Como por exemplo o uso de grid e flex, junto com seus por menores, que deu uma clara melhora na responsividade do site.Falando em responsividade, também apliquei a tecnica de mobile first. Fiz algumas melhorias nas formas e no alinhamento de alguns elementos, principalmente no menu, que aproveitei para adcionar uns efeitos de hover para os botões.

Versão Desktop

Print do Site AndroidHistory v2.0 no Computador

Versão Mobile

Print do Site AndroidHistory v2.0 no Celular

CordelModerno

Visite Clicando Aqui

Meu segundo projeto, uma mostragem para o poema Cordel Moderno de Milton Duarte. Ele é um dos que acho mais bonito graças ao efeito parallax que apliquei nas imagens, que juntamente com as sombras aplicadas à fonte estilizada deram ao site um visual calmo e agradável combinando com o poema. Então não achei necessário uma segunda versão, apenas apliquei alguns polimentos no design e no código.

Versão Desktop

Print do Site CordelModerno no Computador

Versão Mobile

Print do Site CordelModerno no Celular

TestQueries

Visite Clicando Aqui

Um site muito mais simples comparado aos outros, porém que também ganha charme com a simplicidade. Ele foi feito com a finalidade de exercitar os conhecimentos em media queries. Dependendo de qual tipo de aparelho esteja utilizando, ele irá identificar e retornar visualmente a informação. Não vejo necessidade de uma segunda versão, ele cumpre bem o propósito, apenas apliquei algumas melhorias básicas.

Versão Desktop

Print do Site TestQueries no Computador

Versão Mobile

Print do Site TestQueries no Celular

Smartphone

Versão: v1.0

Visite Clicando Aqui

Este já é um pouco mais complexo, com mais recursos de responsividade. Feito para "simular" um smartphone com algumas redes sociais. Com botões laterais que fazem você navegar entre as redes sociais e a tela inicial. Botões animados que crescem e arredondam com o acionamento, e um botão "power" na parte de baixo do smartphone que desliga a tela quando pressionado (privacidade né...). Cada rede social foi feita com prints dentro de um iframe, então nada de navegar de verdade desculpa 😕. Mas, no final de cada aba tem um botão que te leva para o site original (não queria plagiar né gente... 😅).

Versão Desktop

Print do Site Smartphone v1.0 no Computador

Versão Mobile

Print do Site Smartphone v1.0 no Celular

Versão: v2.0

Visite Clicando Aqui

Esta é a versão 2.0, deu mais trabalho do que eu imaginava, mas ta aqui. Difiente da primeira versão, essa já consta com recursos mais avançados de responsividade, grande parte dos modelos em grid, botões com animações mais fluidas e agora também adapitado para uma versão em modo paisagem nos celulares

Versão Desktop

Print do Site Smartphone v2.0 no Computador

Versão Mobile

Print do Site Smartphone v2.0 no Celular

Carpox

Versão: v1.0

Visite Clicando Aqui

Página de login, o mais recente dentre eles, aqui já estava começando a mexer com formulários. Fazendo o básico de barra de email e senha um pouco estilizado, com botão de entrar e limpar, opção de salvar dados e até um captcha fake 😂.

Versão Desktop

Print do Site Carpox v1.0 no Computador

Versão Mobile

Print do Site Carpox v1.0 no Celular

Versão: v2.0

Visite Clicando Aqui

Essa segunda versão tem poucas diferenças visuas, o que mais mudou foi a estrutura e organização do código. Além de mais organizado e limpo, tem recurosos mais avançados.

Versão Desktop

Print do Site Carpox v2.0 no Computador

Versão Mobile

Print do Site Carpox v2.0 no Celular

Projetos Futuros