Este é meu portfolio pessoal desenvolvido com Angular, apresentando meus projetos, habilidades e informações de contato.
- Angular 19
- TypeScript
- SCSS
- Font Awesome
- EmailJS (para o formulário de contato)
- Clone o repositório:
git clone [URL_DO_REPOSITÓRIO]- Instale as dependências:
npm install- Inicie o servidor de desenvolvimento:
ng serve- Acesse o projeto em
http://localhost:4200
As habilidades são gerenciadas no arquivo src/app/components/skills/skills.component.ts. Para adicionar ou modificar habilidades:
- Localize o array
skillCategories - Cada categoria tem a seguinte estrutura:
{
name: 'Nome da Categoria',
icon: 'classe-do-icone',
skills: [
{
name: 'Nome da Habilidade',
icon: 'classe-do-icone',
level: 85, // Nível de 0 a 100
description: 'Descrição da habilidade'
}
]
}- Para adicionar uma nova categoria, adicione um novo objeto ao array
skillCategories - Para adicionar uma nova habilidade, adicione um novo objeto ao array
skillsda categoria desejada
Os projetos são gerenciados no arquivo src/app/components/projects/projects.component.ts. Para adicionar um novo projeto:
- Localize o array
projects - Adicione um novo objeto seguindo a estrutura:
{
title: 'Título do Projeto',
description: 'Descrição detalhada do projeto',
image: 'caminho/para/imagem.png',
technologies: ['Tecnologia 1', 'Tecnologia 2'],
github: 'URL_DO_GITHUB', // opcional
demo: 'URL_DO_DEMO' // opcional
}- Adicione a imagem do projeto na pasta
src/assets/projects/
As informações pessoais podem ser modificadas nos seguintes arquivos:
- Nome e título:
src/app/components/hero/hero.component.ts - Links sociais:
src/app/components/contact/contact.component.html - CV: Atualize o link no arquivo
src/app/components/hero/hero.component.html
src/
├── app/
│ ├── components/
│ │ ├── hero/ # Seção inicial
│ │ ├── projects/ # Seção de projetos
│ │ ├── skills/ # Seção de habilidades
│ │ ├── contact/ # Seção de contato
│ │ ├── navbar/ # Barra de navegação
│ │ └── footer/ # Rodapé
│ └── services/ # Serviços da aplicação
├── assets/
│ ├── images/ # Imagens gerais
│ ├── projects/ # Imagens dos projetos
│ ├── videos/ # Vídeos
│ └── icons/ # Ícones
└── styles/ # Estilos globais
Para gerar uma versão de produção do site:
ng build --configuration productionOs arquivos compilados serão gerados na pasta dist/portfolio/.
Sinta-se à vontade para contribuir com o projeto através de pull requests ou reportando issues.
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.