logo-portfolio

Olá, eu sou Ricardo Raphael.

Desenvolvedor front-end criativo focado em construir experiências digitais excepcionais e interfaces intuitivas.
Futuro desenvolvedor full-stack.

Ver Projetos
imagem-ricardo

Projetos

imagem-projeto

DevClub - Burger

Aplicação web que exibe um cardápio com imagem, nome e preço dos produtos. O projeto utilizou .forEach(), .map(), .reduce() e .filter() para listar itens, aplicar descontos, calcular totais e filtrar produtos veganos. Desenvolvido com HTML, CSS e JavaScript, resultando em uma interface simples, responsiva e funcional.

Ver Projeto →
imagem-projeto

Jokenpô Game

Projeto de um jogo de Jokenpô onde o jogador joga contra a máquina (oponente) que escolhe um valor aleatório, utilizando JavaScript com o método Math.random() para gerar os valores aleatoriamente, o jogador vence acumulando pontos e o oponente também acumula pontos caso o jogador perca.

Ver Projeto →
imagem-projeto

Meu Linktree

Projeto do meu Linktree, neste projeto reúno todos os links de redes sociais e links como meu portfolio, linkedin, link para download do meu currículo, perfil do github e link para ser redirecionado para o meu contato do whatsapp.

Ver Projeto →
imagem-projeto

DevSorteio - Sorteador de Números

Um projeto de um sorteador de números aleatório, podendo escolher qualquer intervalo de números e clicar em sortear. O projeto apresenta algumas animações como no botão de sortear e nos inputs, o projeto foi desenvolvido utilizando tecnologias como HTML Semântico, CSS3 com media-query para deixar a interface responsiva e JavaScript utilizando métodos como Math.floor() e Math.random() para calcular e gerar os números de forma aleatória.

Ver Projeto →
imagem-projeto

Convert-Money

Projeto de um Conversor de Moedas, este projeto desenvolvi para converter todas as moedas presentes nos menus de seleção, é possível converter as moedas de forma bidirecional, por exemplo, de Real para Dólar e Dólar para Real e assim sucessivamente para todas as moedas, utilizei também recursos com JavaScript como o Intl.NumberFormat para ao converter as moedas, trazer o resultado convertido no formato da moeda convertida.

Ver Projeto →
imagem-projeto

Hidráulica Irmãos Mario & Luigi

Projeto de uma landing-page do Mario e Luigi para serviços de encanamento residencial, neste projeto, utilizei conceitos de manipulaçao da DOM utilizando JavaScript para dar funcionalidades para o site, estrutura semântica com HTML5, CSS3 para estilizações, efeitos do botão com led glow e responsividade com media-query, utilizei também a IA para gerar as imagens do Mario e do Luigi com o tema do projeto para indicar os serviços prestados.

Ver Projeto →
imagem-projeto

Barbearia Mr. Barber

Projeto de um site para um salão de barbearia e Cabeleireiro, o site está dividido entre seções para tornar a navegação mais organizada para o usuário, o projeto foi desenvolvido de forma bem estruturada com HTML semântico e responsivo com media query para o usuário poder navegar em todos os dispositivos móveis, podendo também acessar o menu de navegação com Javascript. O site apresenta o sobre da empresa, os serviços prestados, blogs, depoimentos de clientes, links de contatos e o mapa com o endereço do local.

Ver Projeto →
imagem-projeto

Cafeteria Cafena

Projeto front-end de uma landing-page para uma cafeteria, neste projeto foi utilizado tecnologias como HTML para uma estrutura organizada e semântica, CSS com estilos que combinam com o tema do site, o desenvolvimento da responsividade para ser acessado em diferentes tamanhos de tela, como tablets e celulares e o funcionamento do projeto com JavaScript para exibir o endereço do local, e mostrar e ocultar o menu lateral.

Ver Projeto →
imagem-projeto

Projeto Dragon Ball Z

Projeto que mostra alguns dos personagens do anime Dragon Ball Z no estilo cyberpunk. O projeto foi desenvolvido com as tecnologias HTML5, CSS3 com estilização também da parte responsiva e Linguagem de Programação JavaScript para dar funcionalidades para o projeto, como por exemplo a troca dos personagens ao clicar nos botões.

Ver Projeto →
imagem-projeto

Projeto Nike

Projeto que simula o site da Nike, no projeto desenvolvi a estrutura utilizando HTML semântico, estilização com CSS e a parte responsiva para ser acessado em dispositivos móveis (tablets e celulares), desenvolvi também as funcionalidades do site utilizando javascript para alterar quando clicar nos botões a cor do fundo, a imagem dos produtos, o efeito no momento da troca das imagens e também a troca da cor do botão adicionar ao carrinho.

Ver Projeto →
imagem-projeto

DevClub Café

Um projeto desenvolvido com HTML e CSS, o projeto simula um site de uma cafeteria, com o nome do estabelecimento, a logomarca, bem como os ícones de redes sociais, o sobre da empresa, os dias e horários de atendimento e o endereço com o mapa do local.

Ver Projeto →
imagem-projeto

Shopping Mobile

Projeto de um site de compras online, desenvolvido com HTML5 e CSS. O projeto está responsivo para dispositivos mobile (tablets e celulares) e pode ser visualizado no modo retrato e paisagem.

Ver Projeto →
imagem-projeto

Wide Coverage

Projeto de um desafio proposto no curso do DevClub, neste projeto foi desenvolvido toda a parte da estrutura do site com HTML e a estilização com CSS, o projeto é responsivo e foi desenvolvido para que o usuário possa utilizar também em dispositivos com telas menores, como celulares e tablets.

Ver Projeto →
imagem-projeto

We Care

Um projeto que simula um site de cuidados para o seu pet, foi desenvolvido utilizando as tecnologias HTML, CSS e Design responsivo adaptando o comportamento dos elementos do projeto em tela para diferentes tipos de dispositos móveis e desktop.

Ver Projeto →
imagem-projeto

Starbucks

Um clone do site do Starbucks desenvolvido com HTML, CSS e JavaScript. No projeto é possível escolher as imagens ilustrativas dos produtos e visualizar no navegador.

Ver Projeto →
imagem-projeto

Rick and Morty - Characters

Projeto da série de desenho animado Rick e Morty desenvolvido com HTML, CSS e JavaScript. Neste projeto utilizei as informações da documentação do back-end da api da série para mostrar os dados de cada personagem da lista como imagens, nome, gênero, estatus, raça e a origem de cada um deles.

Ver Projeto →
imagem-projeto

Batman - O Filme

Projeto que simula um site de vendas de ingresso do filme do Batman, desenvolvido com HTML e CSS. Neste projeto o usuário pode navegar entre as páginas e conferir detalhes e imagens dos principais personagens e assistir também o clipe do filme.

Ver Projeto →

Sobre Mim

imagem-ricardo

Desenvolvedor com paixão por transformar código em experiências visuais eficientes

Olá, seja muito bem vindo(a) ao meu portfólio!

Meu nome é Ricardo Raphael, sou um desenvolvedor web front-end especializado em criar experiências digitais eficientes. Com foco em design responsivo, interfaces intuitivas e funcionais, buscando performance, acessibilidade e inovação para o usuário.
Sou um desenvolvedor criativo, apaixonado por tecnologia e por desenvolver projetos inovadores.

Transformando ideias em código e código em soluções excepcionais.

HTML5 CSS3 JavaScript NodeJS React TypeScript Python Git/Github Figma

Contato

Whatsapp Currículo Linkedin Github