---

💻 Portfólio Profissional - Wallace Santos

Bem-vindo ao repositório do meu portfólio profissional. Este projeto foi desenvolvido para apresentar minha trajetória, habilidades técnicas e visão de produto como Desenvolvedor & UX Architect.

🔗 Acesse online: https://wally179.github.io/Portfolio

🧠 Decisão de Engenharia: Por que HTML Puro?

Embora minha especialidade seja o ecossistema React, Next.js e TypeScript, tomei uma decisão arquitetural consciente de construir este portfólio utilizando Vanilla HTML, CSS (Tailwind) e JavaScript.

Os motivos técnicos para essa escolha foram:

1. Evitar "Overengineering" (Engenharia Excessiva)

Um portfólio é, essencialmente, conteúdo estático. Utilizar uma biblioteca SPA (Single Page Application) como React para um site que não possui gerenciamento de estado complexo adicionaria um peso desnecessário de JavaScript (bundle size) ao navegador do usuário. A ferramenta certa para o trabalho certo.

2. Performance Extrema & SEO

Sem a necessidade de hydration ou processamento pesado de JavaScript no lado do cliente, o site carrega instantaneamente. Isso garante pontuação máxima no Google Lighthouse (Performance, Acessibilidade, Best Practices e SEO).

3. Estabilidade no GitHub Pages

Hospedar arquivos estáticos no GitHub Pages é a forma mais robusta e "à prova de falhas" de manter um site no ar.

• Zero Build Steps: Não há risco de quebra em pipelines de CI/CD complexos.
• Cache: Aproveitamento máximo do cache do navegador e CDN.
• Longevidade: HTML padrão da W3C nunca fica obsoleto ou "depreciado", ao contrário de versões antigas de frameworks.

4. Demonstração de Fundamentos

Muitos devs dependem de bibliotecas para tudo. Aqui, demonstro que domino o DOM, a lógica de programação (como o sistema de i18n feito à mão) e CSS moderno sem precisar de muletas.

🛠️ Funcionalidades Implementadas

Apesar de ser "apenas HTML", o projeto conta com features avançadas de engenharia de interface:

• 🌐 Internacionalização (i18n) Customizada: Sistema próprio de tradução (PT/EN) usando JavaScript puro e localStorage para persistir a preferência do usuário, sem recarregar a página.
• 💻 Terminal Interativo: Animação que simula um ambiente de desenvolvimento rodando testes e builds, reforçando meu perfil técnico.
• 🎨 Design System com Tailwind: Uso de classes utilitárias para garantir consistência visual, Dark Mode nativo e responsividade total.
• ✨ Micro-interações: Efeitos de "Mouse Shine" (brilho no cursor) e animações de entrada (fade-in-up) otimizadas via CSS GPU acceleration.

🚀 Como Rodar Localmente

Como o projeto não possui dependências de npm ou node_modules, é extremamente simples de rodar:

1. Clone o repositório:

   git clone [https://github.com/Wally179/Portfolio.git](https://github.com/Wally179/Portfolio.git)
   

2. Abra o arquivo index.html em qualquer navegador.
3. (Opcional) Para uma melhor experiência de desenvolvimento, use a extensão Live Server do VS Code.

📫 Contato

Se você busca um desenvolvedor que une código limpo, visão de arquitetura e foco no usuário, vamos conversar.

• LinkedIn: Wallace Santos
• E-mail: wallace-179@hotmail.com

---

💻 Professional Portfolio - Wallace Santos

Welcome to my professional portfolio repository. This project was developed to showcase my career path, technical skills, and product vision as a Developer & UX Architect.

🔗 Access Online: https://wally179.github.io/Portfolio

🧠 Engineering Decision: Why Vanilla HTML?

Although my core expertise lies within the React, Next.js, and TypeScript ecosystem, I made a conscious architectural decision to build this portfolio using Vanilla HTML, CSS (Tailwind), and JavaScript.

The technical reasons for this choice were:

1. Avoiding Overengineering

A portfolio is essentially static content. Using a SPA (Single Page Application) library like React for a site with no complex state management would add unnecessary JavaScript weight (bundle size) to the user's browser. The right tool for the right job.

2. Extreme Performance & SEO

Without the need for hydration or heavy client-side JavaScript processing, the site loads instantly. This ensures a maximum score on Google Lighthouse (Performance, Accessibility, Best Practices, and SEO).

3. Stability on GitHub Pages

Hosting static files on GitHub Pages is the most robust and "fail-safe" way to keep a site running.

• Zero Build Steps: No risk of breaking CI/CD pipelines.
• Cache: Maximum utilization of browser caching and CDN.
• Longevity: W3C standard HTML never becomes obsolete or "deprecated," unlike older framework versions.

4. Demonstrating Fundamentals

Many devs rely heavily on libraries. Here, I demonstrate mastery of the DOM, programming logic (such as the custom-built i18n system), and modern CSS without needing crutches.

🛠️ Implemented Features

Despite being "just HTML," the project includes advanced interface engineering features:

• 🌐 Custom Internationalization (i18n): A proprietary translation system (PT/EN) using pure JavaScript and localStorage to persist user preference without reloading the page.
• 💻 Interactive Terminal: An animation simulating a development environment running tests and builds, reinforcing my technical profile.
• 🎨 Design System with Tailwind: Use of utility classes to ensure visual consistency, native Dark Mode, and total responsiveness.
• ✨ Micro-interactions: "Mouse Shine" effects and entry animations (fade-in-up) optimized via CSS GPU acceleration.

🚀 How to Run Locally

Since the project has no npm or node_modules dependencies, it is extremely simple to run:

1. Clone the repository:

   git clone [https://github.com/Wally179/Portfolio.git](https://github.com/Wally179/Portfolio.git)
   

2. Open the index.html file in any browser.
3. (Optional) For a better development experience, use the Live Server extension in VS Code.

📫 Contact

If you are looking for a developer who combines clean code, architectural vision, and user focus, let's talk.

• LinkedIn: Wallace Santos
• E-mail: wallace-179@hotmail.com

---

Developed with 💚 by Wallace Santos