Portfólio pessoal desenvolvido para apresentar minha trajetória como Desenvolvedor Full Stack e Técnico em Desenvolvimento de Sistemas. O projeto centraliza informações profissionais, habilidades técnicas, projetos, formação, certificações e canais de contato em uma interface moderna, responsiva e objetiva.
O foco deste portfólio é funcionar como uma vitrine profissional para recrutadores, oportunidades de estágio, projetos freelance e colaborações na área de tecnologia.
- Deploy: portfolio-daniel-azevedo-q5qi.vercel.app
- Repositório: github.com/DanielAzeved0/portfolio-daniel-azevedo
- Página única com navegação por seções.
- Menu fixo com versão responsiva para dispositivos móveis.
- Menu mobile com suporte a fechamento por clique e tecla
Escape. - Seção de apresentação com chamadas para projetos, contato e currículo.
- Área "Sobre Mim" com resumo profissional.
- Listagem de habilidades técnicas organizadas por categoria.
- Cards de projetos com descrição, funcionalidades, tecnologias e links externos.
- Seção de formação acadêmica.
- Carrossel interativo de certificações com setas, indicadores e arraste.
- Certificados abertos em nova guia pela ação "Ver certificado".
- Links diretos para email, GitHub e LinkedIn.
- Layout responsivo para desktop, tablet e mobile.
| Tecnologia | Versão | Uso no projeto |
|---|---|---|
| Next.js | 16.1.0 | Framework React com App Router |
| React | 19.2.1 | Construção da interface |
| TypeScript | 5 | Tipagem estática |
| Tailwind CSS | 4 | Estilização responsiva |
| Next Font | Integrado ao Next.js | Otimização das fontes Geist e Geist Mono |
| Vercel | - | Deploy do portfólio |
portfolio-daniel-azevedo/
|-- public/
|-- src/
| |-- app/
| | |-- globals.css
| | |-- layout.tsx
| | `-- page.tsx
| |-- components/
| | |-- sections/
| | | |-- AboutSection.tsx
| | | |-- ContactSection.tsx
| | | |-- EducationSection.tsx
| | | |-- Footer.tsx
| | | |-- HeroSection.tsx
| | | |-- ProjectsSection.tsx
| | | `-- SkillsSection.tsx
| | |-- CertificateCarousel.tsx
| | |-- Navigation.tsx
| | |-- ProjectCard.tsx
| | `-- SkillCard.tsx
| |-- constants/
| | |-- data.ts
| | `-- theme.ts
| `-- types/
| `-- portfolio.ts
|-- next.config.ts
|-- package.json
|-- postcss.config.mjs
`-- tsconfig.json
Reunir em um único lugar as principais informações sobre minha formação, habilidades, certificações e projetos desenvolvidos. A proposta é facilitar a avaliação técnica por recrutadores e demonstrar domínio de tecnologias modernas de frontend.
- Componentização por seções para manter a página principal simples.
- Dados centralizados em
src/constants/data.ts. - Tipos compartilhados em
src/types/portfolio.ts. - Estilos reutilizáveis centralizados em
src/constants/theme.ts. - Projeto configurado com TypeScript strict.
- SEO configurado com metadata, Open Graph e Twitter Card.
- Carrossel de certificados com navegação por botões, indicadores e arraste.
- Links de certificados externos abertos em nova guia.
- Navegação mobile com atributos ARIA e suporte à tecla
Escape. - Estrutura simples, escalável e fácil de manter.
Aplicativo mobile desenvolvido em React Native para auxiliar MEIs e pequenos empreendedores no controle financeiro mensal.
Principais recursos:
- Cadastro de ganhos e gastos.
- Histórico financeiro mensal.
- Gráficos comparativos.
- Cálculo simplificado do DAS.
Repositório: Simpliza-TCC
Monorepo full stack para gerenciamento de vendas, com backend em ASP.NET Core 8 e frontend em Next.js. O projeto trabalha com autenticação JWT, SQLite e uma camada de arquivamento lógico.
Principais recursos:
- CRUD completo de vendas.
- Busca por período, cliente, status e paginação.
- Aprovação de vendas pendentes.
- Arquivamento lógico de registros antigos.
- Integração entre API e frontend via Axios.
Repositório: DeepArchive-Bridge
Aplicativo mobile acadêmico para gerenciamento de listas de compras com autenticação, sincronização e cálculo automático de valores.
Principais recursos:
- Perfil do usuário.
- Tema claro e escuro.
- Sincronização em tempo real.
- Cálculo automático do valor total.
Repositório: trabalho-pamii
- Email: daniel.azevedo081205@gmail.com
- GitHub: github.com/DanielAzeved0
- LinkedIn: Daniel Azevedo
- Node.js instalado.
- npm instalado.
npm installnpm run devDepois, acesse:
http://localhost:3000
Para validar tipagem e build de produção:
npm run checkPara executar apenas a checagem de TypeScript:
npm run type-checkPara gerar a build de produção:
npm run buildPara executar a build localmente:
npm run startEste projeto foi desenvolvido para fins de portfólio pessoal. O código pode ser usado como referência para estudos, mas a identidade visual, textos, dados pessoais e informações profissionais pertencem a Daniel Azevedo.