Agregador de links e Portfólio desenvolvido com React.Js e TypeScript
Como Funciona? • Design • Tecnologias • Images • Autor
Priorizo a acessibilidade em meu site para garantir que todos os visitantes tenham uma experiência agradável e inclusiva. Para isso, adotei as seguintes práticas:
- Cores com Contraste: Priorizo cores com alto contraste para garantir uma melhor experiência para pessoas com baixa visão.
- Navegação pelo Teclado: Implementei a navegação pelo teclado, proporcionando acessibilidade a pessoas com dificuldades motoras.
- Alt Text em Todas as Imagens: Utilizo atributos alt text em todas as imagens para tornar o conteúdo acessível a pessoas com deficiência visual.
Meu site é totalmente responsivo, adaptando-se de forma harmoniosa a diferentes tamanhos de tela e dispositivos. Independentemente do dispositivo que você estiver utilizando, você terá uma ótima experiência de navegação.
Para alimentar o meu portfólio, utilizo dados diretamente do GitHub. Aqui estão os detalhes:
- Dados do GitHub: Utilizo os dados dos repositórios dos meus projetos para exibição no portfólio.
- Filtragem por Tags: Cada repositório exibido no portfólio possui uma tag específica, permitindo filtragem personalizada.
- Informações Coletadas: Título, descrição, tags e o README de cada repositório são coletados.
- Informações do README: Para obter informações mais detalhadas, como a descrição completa do projeto e imagens, realizo uma requisição adicional à API do GitHub.
- Para utilizar as informações do README, é necessário decodificar os dados armazenados em base64.
- React.js
- TypeScript
- React Router Dom
- Axios
- Emotion (React e Styled)
- Material-UI (Core e Icons)
- React Icons
- Radix UI (React Popover)
- React Custom Scrollbars
Developed with 💛 by elmojr