Portfólio profissional criado para apresentar minha jornada em tecnologia, meus projetos, experiência prática e habilidades como desenvolvedor. Aqui você encontra uma visão geral da minha formação acadêmica, projetos construídos, stack técnica e formas de contato.
Sou estudante de Desenvolvimento de Software Multiplataforma na Fatec Itaquera e busco oportunidades em desenvolvimento Backend, Full-Stack e Engenharia de Software. Tenho foco em APIs RESTful, automação, arquitetura de software, sistemas distribuídos, bancos de dados e integração com IA.
- Estágio em desenvolvimento Backend
- Estágio em desenvolvimento Full-Stack
- Estágio/treinee em Engenharia de Software
Este repositório contém o código do meu portfólio web, desenvolvido em Next.js com React e TypeScript. A aplicação tem um design moderno, visual escuro com estética de terminal, layout responsivo e seções dedicadas para apresentação pessoal, formação, experiência e projetos.
O objetivo principal é demonstrar:
- minhas competências técnicas;
- meu histórico acadêmico e profissional;
- projetos que desenvolvi individualmente ou em equipe;
- facilidade com interfaces, APIs e arquitetura de software.
A landing page inclui:
- Hero / apresentação inicial com visual impactante e fundo interativo.
- Sobre mim com resumo profissional e foco em engenharia de software.
- Experiência e formação acadêmica.
- Grid de projetos em destaque.
- Página detalhada de cada projeto em rota dinâmica.
- Esfera interativa com as principais tecnologias utilizadas.
- Seção de certificações e credenciais.
- Footer com links sociais e contato.
Além disso, a aplicação possui:
- navegação responsiva;
- animações suaves;
- assistente Clippy com frases aleatórias e reativas;
- layout mobile-first;
- visual consistente para apresentação profissional;
- páginas de detalhes com galeria de imagens, badges e arquitetura do projeto.
- Next.js 16.2
- React 19
- TypeScript
- Tailwind CSS 4
- Lucide React
- Motion
clsxetailwind-merge
- ESLint
- App Router do Next.js
- TypeScript strict mode
- Vercel-ready
A estrutura de dados do portfólio inclui projetos reais desenvolvidos por mim, como:
-
Sadrakinho | Chatbot de Agendamento via WhatsApp para Barbearia
- Automação de atendimento e agendamento por WhatsApp
- Integração com Twilio, MongoDB e Google Sheets
- Backend em Python/Flask
-
YOU vs. The Athlete | Plataforma Web Interativa
- Fan page de Penn Badgley e Stephen Curry
- SPA com timeline interativa, quiz e player multimídia
- Desenvolvimento front-end em HTML, CSS e JavaScript
-
Tela Livre
- Plataforma web full-stack com controle de permissões por perfil
- Uso de Next.js, TypeScript, NextAuth v5 e MongoDB
-
Sistema de Agendamento para Barbearia
- Sistema de agendamento online
- Backend em FastAPI + SQLAlchemy + SQLite
- Autenticação JWT
-
Fala Fatec | Assistente de Comunicação Acadêmica com IA
- Bot via WhatsApp com IA para responder dúvidas acadêmicas
- Integração com Google Gemini e bridge de WhatsApp
- Projeto desenvolvido em hackathon
-
Mini Kanban
- Kanban simples com persistência local via LocalStorage
- Interface organizada para produtividade pessoal
Além dos projetos, o portfólio também destaca minhas certificações em IA, cloud, cibersegurança e tecnologia.
Certificações presentes no projeto:
- ONE | Imersão: Agentes de IA para Negócios
- Implementação de Serviços de Inteligência Artificial em Nuvem — AI-900
- Capacita+: Construa com o Gemini
- Introduction to Cybersecurity
Formação:
- Fatec Itaquera — Desenvolvimento de Software Multiplataforma
- Etec de Ferraz de Vasconcelos — Técnico em Administração
Luc.dev/
├── LICENSE
├── README.md
├── eslint.config.mjs
├── next-env.d.ts
├── next.config.ts
├── package.json
├── package-lock.json
├── postcss.config.mjs
├── public/ # imagens, assets, screenshots e arte dos projetos
├── src/
│ ├── app/
│ │ ├── globals.css
│ │ ├── layout.tsx
│ │ ├── page.tsx
│ │ └── projects/
│ ├── components/
│ │ ├── About.tsx
│ │ ├── Certifications.tsx
│ │ ├── ClippyAssistant.tsx
│ │ ├── DesktopGoose.tsx
│ │ ├── Experience.tsx
│ │ ├── Footer.tsx
│ │ ├── Hero.tsx
│ │ ├── LoadingScreen.tsx
│ │ ├── Navbar.tsx
│ │ ├── PixelPet.tsx
│ │ ├── ProjectsGrid.tsx
│ │ ├── TechStack.tsx
│ │ ├── ThemeProvider.tsx
│ │ ├── ThemeToggle.tsx
│ │ └── ui/
│ │ ├── DotField.tsx
│ │ └── SpotlightCard.tsx
│ ├── data/
│ │ ├── certifications.ts
│ │ ├── loading.ts
│ │ ├── profile.ts
│ │ └── projects.ts
│ └── lib/
│ └── utils.ts
└── tsconfig.json
- Node.js 18+
- npm, pnpm ou yarn
- Clone o repositório:
git clone https://github.com/imlucsz/Luc.dev.git
cd Luc.dev- Instale as dependências:
npm install- Inicie a aplicação em modo de desenvolvimento:
npm run dev- Acesse no navegador:
http://localhost:3000
npm run build
npm run startnpm run lintNo arquivo package.json, os scripts principais são:
{
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "eslint"
}
}- O projeto foi construído para funcionar como um portfolio de apresentação pessoal e profissional.
- O conteúdo principal está centralizado em arquivos na pasta
src/data/, o que facilita manutenção e atualização de perfis, projetos e certificações. - O design foi pensado para ser moderno, responsivo e visualmente diferenciado, mantendo boa legibilidade em desktop e mobile.
- A aplicação está pronta para deploy em Vercel, sendo compatível com a infraestrutura padrão do Next.js.
Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais detalhes.
Se quiser conversar sobre tecnologia, projetos, oportunidades, arquitetura de software ou desenvolvimento de produtos, fique à vontade para me chamar: