je4ndev.com

Portfolio pessoal de Jean Carlos Vargas
Full-stack developer focado em SaaS, automacoes com IA e Web3

Portfolio dark, bilingue e orientado a conversao para apresentar projetos, servicos, stack tecnica, auditoria Solidity, automacoes com IA e estudos de caso.

View Live · Projetos · Stack · Rodar local

---

Preview

Hero atualizado	Mobile
Projetos em destaque	Case study

---

Highlights

• Hero comercial com foto do Jean, CTA para WhatsApp, metricas e terminal animado.
• Navegacao bilingue PT-BR/EN com troca instantanea e persistencia em localStorage.
• Projetos com cases: prints, problema, solucao, impacto, resultados e CTA final.
• OpenClaw Gateway com visual de terminal simulado em vez de print sem contexto.
• Comentarios comerciais com avatares gerados por IA e empresas ficticias localizadas em PT/EN.
• Servicos claros: SaaS, apps web, automacoes com IA, integracoes, mobile, consultoria e auditoria Solidity.
• Stack atualizada com OpenAI, Anthropic, Qwen, Kimi, LangChain, Supabase, Next.js e Web3.
• UX refinada: loading escuro, footer com GitHub central, links sociais e transicoes sem flash branco.

---

Featured Projects

Project	What it does	Stack	Status
Gestao ML	SaaS de gestao de pedidos para vendedores do Mercado Livre	Next.js, TypeScript, Supabase, Mercado Livre API	Live
NexPanel	SaaS management for IPTV resellers, clients, billing and dashboards	Next.js, Supabase, Stripe	Live
Vultrix 3D	Plataforma para precificacao, estoque e financeiro de impressao 3D	Next.js, Supabase, Tailwind	Live
OpenClaw Gateway	Gateway multi-plataforma de automacao com workflows de IA	Node.js, OpenAI, Supabase	Live
HypeFC	Dashboard de futebol em tempo real com placares e classificacoes	Next.js, API Football	Live
MepChat	Chatbot WhatsApp com IA e painel para operacao CNPJ	Node.js, Firebase, OpenAI	MVP

---

Tech Stack

Layer	Technologies
Frontend	Next.js App Router, React, TypeScript, Tailwind CSS
Backend	Node.js, API Routes, integrations and automations
Database	Supabase, PostgreSQL, Firebase
AI	OpenAI, Anthropic, Qwen, Kimi, LangChain, CCXT
Web3	Solidity, Hardhat, OpenZeppelin, smart contract audits
DevOps	Vercel, Docker, GitHub Actions
UI	Framer Motion, Lucide Icons, generated bitmap assets

---

Architecture

src/
  app/
    layout.tsx
    loading.tsx
    page.tsx
    projects/[slug]/page.tsx
  components/
    layout/
    projects/
    sections/
    ui/
  data/
    projects.ts
  i18n/
    provider.tsx
    translations/
  types/
    project.ts
public/
  images/
  projects/
docs/
  screenshots/

Design decisions:

• Project data is typed in TypeScript.
• Pages are statically generated where possible.
• Client components are used only for animation, language state and interactive UI.
• Screenshots and generated testimonial avatars live in versioned project assets.

---

Getting Started

git clone https://github.com/JE4NVRG/jeanvargas.dev.git
cd jeanvargas.dev
npm install
npm run dev

Open localhost:3000.

Command	Description
npm run dev	Development server with Turbopack
npm run build	Production build
npm start	Production server
npm run lint	ESLint check

---

Validation

Current checks used before publishing:

npm run lint
npm run build

---

Contact

Jean Carlos Vargas
Full-stack Developer
Paranavai, Brazil

---

Criado por JE4NVRG - JE4NDEV.