Este é meu portfólio pessoal desenvolvido como uma aplicação full-stack moderna, demonstrando minhas habilidades em desenvolvimento web e design de interfaces. O projeto apresenta uma experiência visual impressionante com animações fluidas, design responsivo e uma arquitetura bem estruturada.
- 🎨 Design Moderno: Interface elegante com gradientes e animações suaves
- 📱 Totalmente Responsivo: Otimizado para todos os dispositivos
- ⚡ Performance Otimizada: Carregamento rápido com Vite
- 🎯 SEO Friendly: Estrutura otimizada para mecanismos de busca
- 🌙 Tema Adaptativo: Suporte a modo claro/escuro
- 🚀 Deploy Automático: Integração com plataformas de CI/CD
- React 18 - Biblioteca para interfaces de usuário
- TypeScript - Tipagem estática para JavaScript
- Vite - Build tool moderna e rápida
- Tailwind CSS - Framework CSS utilitário
- shadcn/ui - Componentes de UI modernos
- Lucide React - Ícones SVG otimizados
- Framer Motion - Animações fluidas
- PHP - Linguagem de programação backend
- Laravel - Framework PHP robusto
- PostgreSQL - Banco de dados relacional
- Docker - Containerização
- GitHub Actions - CI/CD automatizado
- Node.js (versão 18 ou superior)
- npm ou yarn
- Git
- Clone o repositório
git clone https://github.com/Tdrummont/portifolio-fullstack.git
cd portifolio-fullstack- Instale as dependências
npm install
# ou
yarn install- Execute o projeto em modo de desenvolvimento
npm run dev
# ou
yarn dev- Acesse a aplicação
http://localhost:5173
# Desenvolvimento
npm run dev # Inicia o servidor de desenvolvimento
# Build
npm run build # Gera build de produção
npm run preview # Preview do build de produção
# Qualidade de Código
npm run lint # Executa o linter
npm run type-check # Verifica tipos TypeScriptsrc/
├── components/ # Componentes React reutilizáveis
│ ├── ui/ # Componentes de UI base (shadcn/ui)
│ ├── About.tsx # Seção sobre mim
│ ├── Hero.tsx # Seção principal
│ ├── Projects.tsx # Portfólio de projetos
│ ├── Skills.tsx # Habilidades técnicas
│ └── ...
├── hooks/ # Custom hooks
├── lib/ # Utilitários e configurações
├── pages/ # Páginas da aplicação
└── main.tsx # Ponto de entrada da aplicação
- Stack: PHP, Laravel, React.js, TypeScript, PostgreSQL
- Features: Gestão de pedidos, pagamentos, rastreamento em tempo real
- Resultados: 5000+ pedidos processados, 50+ restaurantes integrados
- Stack: Laravel, Vue 3, TypeScript, PostgreSQL
- Features: Geração automática de protocolos, rastreamento por estado
- Resultados: 1000+ protocolos gerados, 100% de segurança
O projeto utiliza um design system consistente com:
- Cores: Paleta de gradientes modernos
- Tipografia: Hierarquia clara e legível
- Espaçamento: Sistema de grid responsivo
- Componentes: Biblioteca reutilizável de UI
- Mobile First: Design otimizado para dispositivos móveis
- Breakpoints: Adaptação para tablet e desktop
- Touch Friendly: Interface otimizada para touch
npm run build
# Deploy automático via GitHubnpm run build
# Upload da pasta dist/docker build -t portfolio .
docker run -p 3000:3000 portfolio- Fork o projeto
- Crie uma branch para sua feature (
git checkout -b feature/AmazingFeature) - Commit suas mudanças (
git commit -m 'Add some AmazingFeature') - Push para a branch (
git push origin feature/AmazingFeature) - Abra um Pull Request
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
- LinkedIn: Thalita Drummont
- GitHub: @Tdrummont
- Email: thalita.drummont@email.com
- shadcn/ui - Componentes de UI incríveis
- Tailwind CSS - Framework CSS utilitário
- Lucide - Ícones SVG otimizados
- Vite - Build tool moderna
Feito com ❤️ por Thalita Drummont
⭐ Se este projeto te ajudou, considere dar uma estrela!