Skip to content

Meu Portfolio , onde me apresento e apresento meus projetos, habilidades, experiências e formação. Apresenta uma UX/UI interativa semelhante a do VScode

Notifications You must be signed in to change notification settings

MozartSoares/portfolio-mozart-soares

Repository files navigation

Olá! Bem-vindo ao meu Portfólio 🚀

Visão Geral

Meu portfólio é uma expressão inspirada na experiência do VScode. Desenvolvido com React, ele se conecta dinamicamente à API do GitHub, utilizando filtragem por tópicos para destacar projetos específicos. Além disso, um algoritmo que classifica os repositórios com base na data de lançamento, eliminando a necessidade de atualizações manuais e garantindo uma organização por relevância.

Navegação Suave

Para proporcionar uma experiência de usuário fluida, adotei o react-router-dom, permitindo transições suaves entre as seções sem carregamentos desnecessários. Isso permite que os visitantes explorem meu trabalho de forma intuitiva e eficiente.

Elemento Canvas - Jogo da Snake 🐍 ( momentaneamente não disponível em dispositivos móveis (touchscreen) )

Destaco um elemento canvas no hero principal do meu portfólio, onde você pode desfrutar de um divertido jogo da Snake. Use as teclas de seta ou awsd para participar dessa interação única, adicionando uma pitada de diversão à sua visita.

Formulário de Contato Funcional 📬

Destaco a inclusão de um formulário de contato totalmente funcional, implementado com fetch AJAX e método POST. Isso proporciona uma experiência eficiente, permitindo que os visitantes entrem em contato sem a necessidade de sair da página. Para garantir a segurança, integrei um captcha usando o react-google-recaptcha, protegendo contra spams e bots.

image

Sinta-se à vontade para compartilhar suas sugestões ou ideias de melhorias! Seu feedback é valioso. 🌟

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

  • Configure the top-level parserOptions property like this:
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}
  • Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
  • Optionally add plugin:@typescript-eslint/stylistic-type-checked
  • Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list

About

Meu Portfolio , onde me apresento e apresento meus projetos, habilidades, experiências e formação. Apresenta uma UX/UI interativa semelhante a do VScode

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published