SeeMyCode

O SeeMyCode é um clone da interface do “vscode”, ele foi pensado para servir como um portifólio pessoal. Construído com NextJS e TailwindCSS, o seu objetivo não é recriar as funcionalidades de um editor de códigos, mas sim, aproveitar a interface familiar do “vscode” para divulgar os meus projetos.

O site exibe o arquivo “README.md” de cada repositório publico listado no meu GitHub , a ideia é que para atualizar o portifólio eu precise apenas subir um novo repositório publico.

Funcionalidades

• Listagem dos Repositórios
• Links para as Redes sociais
• Responsividade

Aprendizados

• API do GitHub: precisei aprender a usar ela para fazer a listagem do README.md de forma automática.

• TailwindCSS: mesmo já tendo trabalhado com o tailwind antes, neste projeto avancei um pouco mais no conhecimento desta biblioteca com a aplicação de plugins e o uso do “twMerge”.

• Syntax highlighter: a primeira vez que apliquei essa funcionalidade em um projeto, acabei descobrindo a biblioteca “shiki” que facilita muito a implementação.

Acesse o SeeMyCode

O SeeMyCode está hospedado na “Vercel”, você pode acessá-lo no endereço:

see-my-code.vercel.app

Link para o Repositório

github.com/leandrosantino/SeeMyCode

Licença

MIT