Skip to content

PabloG-7/portfolio-dev-pablo

Repository files navigation

🚀 Meu Portfolio Dev

React TypeScript Tailwind CSS Vite

Um portfólio moderno e responsivo construído com as tecnologias mais recentes, apresentando projetos e habilidades de desenvolvimento web.

✨ Funcionalidades

  • 🎨 Design Moderno: Interface clean e profissional com animações suaves
  • 📱 Totalmente Responsivo: Otimizado para desktop, tablet e mobile
  • 🌙 Dark/Light Mode: Alternância entre temas claro e escuro
  • 🌍 Multilingual: Suporte para Português e Inglês
  • Performance Otimizada: Carregamento rápido com lazy loading
  • 🎮 Projetos Interativos: Preview de jogos e demos ao vivo
  • 📊 SEO Otimizado: Meta tags e structured data implementados
  • 🔧 Componentes Reutilizáveis: Arquitetura modular com shadcn/ui

🛠️ Tecnologias

  • React 18 - Biblioteca para interfaces de usuário
  • TypeScript - Superset tipado do JavaScript
  • Vite - Build tool rápido e moderno
  • Tailwind CSS - Framework CSS utility-first
  • shadcn/ui - Componentes reutilizáveis

🚀 Como Executar

Pré-requisitos

  • Node.js (versão 18 ou superior)
  • npm ou yarn

Instalação

  1. Clone o repositório

    git clone https://github.com/pablog-7/portfolio-dev-pablo.git
  2. Instale as dependências

    npm install
    # ou
    yarn install
  3. Configure as variáveis de ambiente

    # Crie um arquivo .env.local baseado no .env.example
    cp .env.example .env.local
  4. Execute o projeto

    npm run dev
    # ou
    yarn dev
  5. Acesse no navegador

    http://localhost:5173
    

📁 Estrutura do Projeto

src/
├── components/          # Componentes React
│   ├── ui/             # Componentes shadcn/ui
│   ├── About.tsx       # Seção sobre
│   ├── Contact.tsx     # Formulário de contato
│   ├── Hero.tsx        # Seção principal
│   ├── Projects.tsx    # Portfolio de projetos
│   └── Skills.tsx      # Habilidades técnicas
├── hooks/              # Custom hooks
├── i18n/               # Configuração de internacionalização
├── contexts/           # Context providers
├── assets/             # Imagens e recursos
└── pages/              # Páginas da aplicação

🤝 Contribuindo

  1. Faça um fork do projeto
  2. Crie uma branch para sua feature (git checkout -b feature/AmazingFeature)
  3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
  4. Push para a branch (git push origin feature/AmazingFeature)
  5. Abra um Pull Request

📄 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

📞 Contato

Pablo Gomes - [email protected]


About

Portfólio digital para apresentação de projetos e competências técnicas.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published