Skip to content

JrValerio/jrvalerio

Repository files navigation

Typing SVG

const aboutMe = {
 name: 'Amaro Júnior',
  age: '43 years old',
  location: 'Atibaia, São Paulo, Brazil',
  interests: ['web development', 'AI', 'books', 'movies',
             'running', 'philosophy'],
  hardSkills: [
    'JavaScript',
    'React.js',
    'Next.js',
    'Node.js',
    'Express.js',
    'Tailwind CSS',
    'TypeScript'
  ],
};

function contactMe() {
  return {
    linkedin: 'https://www.linkedin.com/in/jrvalerio/',
    email: 'amarovsjr81@gmail.com',
    github: 'https://github.com/jrvalerio',
    twitter: 'https://www.twitter.com/avsjr81'
  };
}

Typing SVG


Typing SVG

HTML CSS JavaScript TypeScript React Next.js Node.js PostgreSQL Tailwind CSS SASS Git GitHub Docker VSCode REST GitHub styled-components Figma Node.js Express Redux Vite Spring Boot Django mongoDB Windows

snake gif


Typing SVG

Visualização do Projeto - Control Finance

🔧 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.

Visualização do Projeto - Post-it Share App

🔧 Ferramentas/Metodologias: Node.js, Express, SQLite, HTMX, ESLint, Prettier

Post-it Share App é uma aplicação web minimalista que permite criar, compartilhar e visualizar notas curtas no estilo de post-its. Esse projeto foi iniciado em uma live coding com Mayk Brito, CCO da Rocketseat, e aprimorado com recursos como ESLint e Prettier para padronização do código, além de um botão de cópia para facilitar o compartilhamento do link. O código-fonte está disponível no GitHub.

Visualização do Projeto - News Portal

🔧 Ferramentas/Metodologias: HTML5, CSS3 (Flexbox, Grid)

News Portal é um portal de notícias de tecnologia desenvolvido para demonstrar a capacidade de criar layouts modernos utilizando CSS Flexbox e Grid. O projeto é totalmente responsivo e inclui variáveis CSS e pseudo-elementos para melhor design.

Visualização do Projeto - Travelgram

🔧 Ferramentas/Metodologias: HTML5, CSS3, Google Fonts

Travelgram é uma rede social onde usuários compartilham fotos e memórias de viagens. Com um design moderno e responsivo, oferece uma galeria de fotos em grade e navegação intuitiva, proporcionando uma ótima experiência em dispositivos móveis.

Visualização do Projeto - Portfolio Dev

🔧 Ferramentas/Metodologias: HTML5, CSS3

Portfolio Dev é um site de portfólio responsivo que destaca projetos e habilidades. Apresenta links para projetos destacados e uma seção de contato, demonstrando conhecimentos em design responsivo e práticas modernas de desenvolvimento.

Visualização do Projeto - Decodificador de Textos

🔧 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.

Visualização do Projeto - Portfolio Template

🔧 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.

Visualização do Projeto - Hamburgueria Kenzie

🔧 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.

Visualização do Projeto - Kenzie Hub

🔧 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.

Visualização do Projeto - Site Institucional Genérico

🔧 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.

Open Music Project Preview

🔧 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.

Project-preview

🔧 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.

Git Search Project Preview

🔧 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.

Project-preview

🔧 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.

Project-preview

🔧 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.

Visualização do Projeto - Blog Kenzie

🔧 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.

Visualização do Projeto - KenzieFlix

🔧 Tools/Methodologies: HTML, CSS

Segunda entrega do curso Desenvolvedor Fullstack. - O objetivo do projeto era reproduzir a interface de um aplicativo de streaming.

Visualização do Projeto - Blog Kenzie

🔧 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.


Typing SVG



Profile views since 09/02/2023:

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published