Portfólio pessoal minimalista no estilo link-in-bio, desenvolvido com React e TypeScript.
- Perfil com avatar, nome e links para redes sociais
- Aba de Projetos com links diretos para os repositórios
- Aba de Certificados com links para os certificados emitidos
- Aba de Habilidades organizadas por categoria (Linguagens, Frontend, Banco de Dados, Ferramentas)
- Design responsivo para mobile e desktop
- Botão de compartilhar link do perfil
src/
├── assets/
│ ├── profile-avatar.png
│ └── rocketseat-icon.svg
├── components/
│ ├── Certificates.tsx # Lista de certificados
│ ├── IconButton.tsx # Botão de ícone reutilizável
│ ├── Projects.tsx # Lista de projetos
│ ├── RowItem.tsx # Item de linha genérico (projeto, certificado, habilidade)
│ └── Skills.tsx # Lista de habilidades por categoria
└── pages/
└── Home.tsx # Página principal com navegação por abas
Pré-requisitos: Node.js 18+
# Clone o repositório
git clone https://github.com/valdeniojr/bio-link.git
cd bio-link
# Instale as dependências
npm install
# Inicie o servidor de desenvolvimento
npm run devAcesse http://localhost:5173 no navegador.
O projeto está hospedado na Vercel. Para fazer seu próprio deploy:
npm run buildO output da build estará na pasta dist/, pronto para ser publicado em qualquer serviço de hospedagem estática.
Para adaptar o portfólio para você:
| Arquivo | O que alterar |
|---|---|
src/pages/Home.tsx |
Nome, cargo, avatar e links das redes sociais |
src/components/Projects.tsx |
Seus projetos e links |
src/components/Certificates.tsx |
Seus certificados e links |
src/components/Skills.tsx |
Suas habilidades e tecnologias |
src/assets/profile-avatar.png |
Sua foto de perfil |
Este projeto está sob a licença MIT. Sinta-se livre para usar, modificar e distribuir.
Feito com 💙 por Valdênio Jr