Skip to content

Joao-Camilo-Mallmann/Portfolio

Repository files navigation

João Camilo Mallmann

✨ João Camilo Mallmann ✨

Software Developer & Frontend Specialist | Editor de Vídeo

Site Pessoal LinkedIn

Aplicações web modernas com Vue.js | Edições de Vídeo de Alto Impacto


🚀 Sobre Mim

Sou um profissional focado na interseção entre desenvolvimento frontend e a criação de conteúdo audiovisual. Construo interfaces ricas e interativas com as melhores práticas de SEO e acessibilidade, enquanto também atuo como editor de vídeo com domínio avançado na suíte Adobe (Premiere Pro, After Effects, Photoshop).


� Tech Stack e Ferramentas

Vue.js Tailwind CSS Vite PrimeVue Bun
Premiere After Effects Photoshop

🎯 Seções do Portfolio

O portfólio está dividido em vertentes principais:

  1. 🏠 Home: Visão geral rápida sobre meu perfil profissional.
  2. 👨‍💻 Dev: Casos de sucesso, repositórios de projetos frontend.
  3. 🎬 Editor: Trabalhos audiovisuais para YouTube, comerciais e institucionais.

⚙️ Como executar localmente

1. Pré-requisitos

Certifique-se de que o Bun está instalado na sua máquina!

2. Instalação de dependências

bun install

3. Subir ambiente de desenvolvimento

Ao rodar este comando, o servidor local (Vite) será iniciado com Hot-Module-Replacement (HMR) ativado. Ideal para testar mudanças no código em tempo real.

bun dev

4. Geração do Bundle para Produção (com SSG)

O projeto usa renderização de páginas estáticas por padrão (vite-ssg). Este comando cuidará de transpilar, otimizar os assets (Tailwind, Imagens e Código HTML) e minificar os scripts e o Vue.

bun run build

5. Pré-visualização do Build Local

Para testar a saída estática gerada na etapa anterior (tudo contido na pasta dist/), use:

bun run preview

6. Linting e Formatação de Código

Para checar possíveis erros e garantir que o código segue o padrão de formatação Prettier da equipe.

bun lint
bun format

📈 Destaques Técnicos

  • SSG & SEO: vite-ssg com <meta> tags em JSON-LD configuradas dinamicamente via unhead, focando também em Sublinks (SiteNavigationElement).
  • Acessibilidade (a11y): Aplicação coerente pensando em screen readers.
  • Otimizações (Performance): Pre-fetch de imagens globais sob lazy load. Animações puramente no Tailwind v4 (main.css) sem JS desnecessário.
  • i18n Customizado: Composables otimizados criados do zero para gerir traduções (PT-BR/EN).

About

Professional portfolio showcasing expertise in Frontend Development and Video Editing. Built with Vue.js 3, PrimeVue, and modern web technologies. Features responsive design, SEO optimization, and smooth animations. Deployed on GitHub Pages.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors