const aboutMe = {
name: 'Amaro Júnior',
age: '42 years old';
softSkills: [
'creativity',
'leadership',
'organization'
]
};
function contatcMe() {
return 'Linkedin: https://www.linkedin.com/in/jrvalerio/';
}
![]() 🔧 Ferramentas/Metodologias: React, Tailwind CSS, JavaScript Control Finance é uma aplicação web desenvolvida com React e estilizada com Tailwind CSS, destinada ao gerenciamento de finanças pessoais. A interface permite ao usuário registrar entradas e saídas financeiras, visualizar o saldo total e filtrar transações por tipo. O projeto é uma demonstração de habilidades em desenvolvimento front-end e gerenciamento de estado em React. O código-fonte está disponível no GitHub. |
![]() 🔧 Ferramentas/Metodologias: React, Tailwind CSS, JavaScript Control Finance é uma aplicação web desenvolvida com React e estilizada com Tailwind CSS, destinada ao gerenciamento de finanças pessoais. A interface permite ao usuário registrar entradas e saídas financeiras, visualizar o saldo total e filtrar transações por tipo. O projeto é uma demonstração de habilidades em desenvolvimento front-end e gerenciamento de estado em React. O código-fonte está disponível no GitHub. |
![]() 🔧 Ferramentas/Metodologias: HTML, CSS (Tailwind CSS), JavaScript Este projeto é uma aplicação web que permite ao usuário criptografar e descriptografar mensagens de texto utilizando uma chave de substituição simples. A interface é construída com HTML e estilizada utilizando o framework Tailwind CSS, proporcionando um design responsivo. A lógica de criptografia e descriptografia é implementada com JavaScript. O código-fonte está disponível no GitHub. |
![]() 🔧 Ferramentas/Metodologias: React, CSS, JavaScript, Axios, React Router, Vercel Este projeto é um template de portfólio pessoal desenvolvido utilizando o framework React. Ele apresenta uma interface moderna e responsiva, que permite aos usuários visualizar informações pessoais, habilidades técnicas e projetos realizados. O portfólio utiliza Axios para integração com APIs e React Router para o gerenciamento de rotas. O código-fonte está disponível no GitHub, e o projeto está hospedado na plataforma Vercel. |
![]() 🔧 Ferramentas/Metodologias: React, CSS (Sass), JavaScript, Axios, React Router Este projeto é uma simulação de uma aplicação web para uma hamburgueria, desenvolvida utilizando o framework React. Ele incorpora uma interface interativa e responsiva, que permite aos usuários navegar pelo menu, adicionar itens ao carrinho de compras e visualizar o pedido final. Além disso, utiliza Axios para realizar requisições HTTP a uma API simulada, e React Router para o gerenciamento de rotas. O código-fonte está disponível no GitHub. |
![]() 🔧 Ferramentas/Metodologias: React, React Router Dom, Axios, React Hook Form, Zod, SASS, React Icons Kenzie Hub é uma aplicação web desenvolvida como parte do programa de treinamento da Kenzie Academy. O projeto visa fornecer uma plataforma onde os alunos podem registrar e acompanhar suas habilidades adquiridas ao longo do curso. Utiliza tecnologias modernas como React, React Hook Form para gerenciamento de formulários e validação com Zod, além de SASS para estilização. O código-fonte está disponível no GitHub. |
![]() 🔧 Ferramentas/Metodologias: HTML, CSS, JavaScript, Design Responsivo, Media Queries Este projeto é um exemplo de site institucional desenvolvido com foco em práticas modernas de desenvolvimento web. Ele incorpora um design responsivo, adaptando-se perfeitamente a diferentes tamanhos de tela e dispositivos. Utilizando HTML, CSS e JavaScript, o site apresenta uma interface intuitiva e atrativa. Destaca-se o uso eficaz de Media Queries e a função CSS 'clamp()' para garantir uma experiência de usuário fluida e acessível. O código-fonte está disponível no GitHub. |
![]() 🔧 Ferramentas/Metodologias: HTML, CSS, JavaScript, Dark Mode, Responsive Design, CSS Animations Desafio da Kenzie Academy Brasil: Open Music. Este projeto envolve a criação de uma aplicação web para a exploração de música e álbuns. O desafio é desenvolver uma interface intuitiva e responsiva, que inclui a funcionalidade de dark mode e animações CSS para uma experiência de usuário aprimorada. O objetivo principal é aplicar habilidades de programação frontend para criar uma aplicação interativa e visualmente atraente. O projeto foi desenvolvido com foco na responsividade e na experiência do usuário, especialmente em dispositivos móveis. O código-fonte está disponível no GitHub. |
![]() 🔧 Tools/Methodologies: JavaScript, HTML, CSS, Styled Components, React JS, Axios (para chamadas API) Este projeto é um buscador de CEP desenvolvido em React JS. Ele permite aos usuários inserir um CEP e obter informações detalhadas sobre o endereço correspondente. |
![]() 🔧 Ferramentas/Metodologias: HTML, CSS, JavaScript, API Integration, Responsive Design, Mobile First Desafio da Kenzie Academy Brasil: Git Search. Este projeto envolve a criação de uma aplicação web para buscar e visualizar perfis do GitHub. O desafio é desenvolver uma ferramenta de busca que integra com a API do GitHub, permitindo aos usuários explorar perfis e repositórios de forma dinâmica e responsiva. O objetivo principal é aplicar habilidades de programação frontend para consumir e apresentar dados de uma API externa. O projeto foi desenvolvido seguindo a abordagem Mobile First, assegurando uma ótima experiência de usuário em dispositivos móveis. O código-fonte está disponível no GitHub. |
![]() 🔧 Tools/Methodologies: HTML, CSS, Styled Components, Mobile First Desafio do Frontend Mentor: Fylo landing page with two column layout. O desafio consiste em criar uma landing page para o Fylo com um layout de duas colunas. Os usuários devem ser capazes de visualizar o layout ideal do site, dependendo do tamanho da tela do dispositivo e devem ver os estados de hover para todos os elementos interativos na página. |
![]() 🔧 Tools/Methodologies: HTML, CSS, Styled Components, Mobile First Desafio do Frontend Mentor: Profile card component. O desafio consiste em criar um componente de cartão de perfil responsivo, incluindo a imagem do perfil, informações pessoais e ícones de redes sociais. O objetivo é praticar habilidades de design e implementação de layouts utilizando HTML e CSS. O projeto foi desenvolvido utilizando a metodologia Mobile First, garantindo uma experiência de usuário aprimorada em dispositivos móveis. O código-fonte está disponível no GitHub. |
Project-preview
🔧 Tools/Methodologies: HTML, CSS Atividade do curso Desenvolvedor Fullstack. - O objetivo da atividade era exercitar o conhecimento em CSS. Criei uma interface de um blog, utilizando Grid Layout e Flex Box. |
Project-preview
🔧 Tools/Methodologies: JavaScript Quinta entrega do curso Desenvolvedor Fullstack - Esse projeto simula a contratação de um clientes que é barbeiro e com uma alta demanda de serviços ele me contrata para desenvolver um sistema onde o cliente poderá realizar uma série de ações, como: buscar corte e barba, consultar se a barbearia está aberta ou fechada, orçar um pedido, entre outros. |
Project-preview
🔧 Tools/Methodologies: JavaScript Terceira entrega do curso Desenvolvedor Fullstack. - O objetivo do projeto era implementar uma função chamada playRockPaperScissor que recebe dois parâmetros: player1 e player2., ambos são strings entre as possibilidades "Pedra", "Papel" e "Tesoura". Essa função deverá simular o jogo entre dois jogadores. |
Project-preview
🔧 Tools/Methodologies: JavaScript Quarta entrega do curso Desenvolvedor Fullstack - Esse projeto envolve o desenvolvimento de duas funções, isPalindrome e arrayMaxMin, utilizando loop for e array. |
Project-preview
🔧 Tools/Methodologies: HTML, CSS Primeira entrega do curso Desenvolvedor Fullstack. - O objetivo desse projeto era criar um blog com um compilado de artigos com links para endereços externos. Ao clicar no post, o usuário será levado para outro site e visualizará o artigo completo. Após os posts, teremos um formulário solicitando de cadastro do usuário. |
Project-preview
🔧 Tools/Methodologies: HTML, CSS Segunda entrega do curso Desenvolvedor Fullstack. - O objetivo do projeto era reproduzir a interface de um aplicativo de streaming. |