Estrutura do site Portfólio


/
├── index.php           (Home)
├── about.php           (Sobre Mim)
├── portfolio.html      (Projetos)            
├── estrutura.html      (Estrutura)
├── services.php        (Serviços)
├── contact.html        (Contato)
├── admin_panel.php          
├── admin_login.php          
├── logout.php               
├── listar_projetos.php      
├── obter_projetos.php       
├── remover_projeto.php      
├── salvar_conteudo.php      
├── salvar_projeto.php       
├── gerar_hash.php           
├── upload_foto.php          
├── enviar_email.php         
├── conteudo/                
│   ├── projetos.json           
│   ├── foto_perfil.txt          
│   ├── icons/                   
│   └── img/                     
│       └── ...                  
├── css/                     
│   ├── style.css               
│   └── admin-panel.css          
├── js/                      
│   ├── main.js                  
│   ├── cropper-setup.js       
│   └── admin-panel.js          
├── README.md                
├── LICENSE                  
└── .gitignore

Esta é a organização dos arquivos e pastas do meu site de portfólio. Isso facilita o entendimento da estrutura e manutenção do projeto.

🛠️ Passos para Execução do site Portfólio

📋 Metodologia de Desenvolvimento

Para o desenvolvimento deste projeto utilizei uma abordagem incremental, inspirada em metodologias ágeis, com entregas contínuas e evolução baseada em feedback.
O trabalho foi dividido em etapas, cada uma agregando novas funcionalidades e refinamentos ao site:

  1. Iteração 1: Estruturação inicial do projeto, definição do layout, identidade visual e organização das pastas principais.
  2. Iteração 2: Criação das páginas institucionais (Home, Sobre Mim, Projetos, Serviços, Estrutura e Contato) e implementação do design responsivo.
  3. Iteração 3: Desenvolvimento do painel administrativo, com recursos para edição de conteúdos, upload de Projetos e de foto de perfil.
  4. Iteração 4: Integração do formulário de contato com backend em PHP para envio de e-mails, além de ajustes de usabilidade e acessibilidade.
  5. Iteração 5: Refino visual, documentação (README, licença), organização final dos arquivos e preparação para publicação.

Essa abordagem permitiu evoluir o projeto gradualmente, aplicar melhorias contínuas e simular o fluxo de trabalho utilizado em equipes de desenvolvimento profissional.

📈 Resultado

Um site de portfólio completo, responsivo, com painel administrativo, upload de Projetos, foto, formulário de contato funcional e código pronto para publicação e uso profissional.