77MDEV

Full-Stack Developer | DevOps

Jean Carlos
Moreira Dias

From interface to infrastructure — I build the full stack and keep it running. Frontend precision, backend logic, pipelines that don't wake you up at 3am.

View WorkContact
scroll

About

Crafting interfaces with intention.

I'm Jean — 20 years old, studying Systems Analysis and Development. For me, programming is more than a career path — it's a refuge. A space to think, to create, to discover something about myself through the act of building.

I obsess over the gap between design and code — the place where a pixel-perfect interface meets a clean, performant implementation. Every project is an opportunity to close that gap just a little more.

Languages

  • TypeScript
  • JavaScript
  • HTML/CSS

Frameworks

  • React
  • Next.js
  • Tailwind CSS

Tools

  • Git
  • Figma
  • VS Code

Interests

  • UI/UX
  • Performance
  • Design Systems

Selected Work

Things I've built.

01

criptenv

Stop secret sprawl. CriptEnv is an open-source Zero-Knowledge secret manager for devs and teams. Encrypt secrets client-side with AES-256-GCM before they reach the server. CLI, web dashboard, audit logs, and cloud integrations included.

PythonFastApiNext.jsPostgreSQLTypeScriptDocker
02

77code

Personal portfolio of Jean Carlos — Full-Stack Developer & DevOps. Built with Next.js 16, TypeScript, and Tailwind CSS v4. Dark/light theme, scroll animations, and live GitHub integration.

Next.js 16TypeScriptTailwind CSS v4Vercel
03

barbershop-next

Modern barbershop appointment booking system built with Next.js 15, TypeScript, Prisma & NextAuth. Features scheduling, service management, reviews, role-based dashboards (admin/barber/client), vouchers, promotions, real-time chat, social networking, and dark/light theme.

Next.jsPrismaNeonDBTypeScript
04

next-setup-e-commerce

Full-stack e-commerce app built with Next.js 15, React 19, TypeScript, Prisma, PostgreSQL, NextAuth v4, Stripe, and Tailwind CSS v4. Features product catalog, cart, checkout, order management, admin panel, and background removal tool.

Next.jsReactPostgreSQLPrismaTypeScript
05

pen-tracking-demo

Production-level frontend showcasing a premium smart pen ecosystem with 3D, motion design, and modern web architecture.

Next.jsReact Three FiberGSAPThree JS
06

valorant-ascension-next

Full-stack Valorant training platform demo — built with Next.js 15, TypeScript, Prisma, Stripe & NextAuth.js. Showcases subscription-based course access, RBAC, admin dashboard, and Valorant stats integration. Portfolio/demo project.Valorant Ascencion Next

Next.jsTypeScriptPrismaStripe

Engineering

Things I've shipped.

10 projects
criptenvRepositoryactive

Stop secret sprawl. CriptEnv is an open-source Zero-Knowledge secret manager for devs and teams. Enc...

PythonFastApiNext.jsPostgreSQLTypeScriptDocker
GitHub ↗Live ↗
77codeRepositoryactive

Personal portfolio of Jean Carlos — Full-Stack Developer & DevOps. Built with Next.js 16, TypeScript...

TypeScriptNext.js 16Tailwind CSS v4Vercel
GitHub ↗Live ↗
barbershop-nextRepositoryactive

Modern barbershop appointment booking system built with Next.js 15, TypeScript, Prisma & NextAuth. F...

TypeScriptNext.jsPrismaNeonDB
GitHub ↗Live ↗
next-setup-e-commerceRepositoryactive

Full-stack e-commerce app built with Next.js 15, React 19, TypeScript, Prisma, PostgreSQL, NextAuth ...

TypeScriptNext.jsReactPostgreSQLPrisma
GitHub ↗Live ↗
pen-tracking-demoRepositoryactive

Production-level frontend showcasing a premium smart pen ecosystem with 3D, motion design, and moder...

JavaScriptNext.jsReact Three FiberGSAPThree JS
GitHub ↗Live ↗
valorant-ascension-nextRepositoryactive

Full-stack Valorant training platform demo — built with Next.js 15, TypeScript, Prisma, Stripe & Nex...

TypeScriptNext.jsPrismaStripe
GitHub ↗Live ↗
card-flowRepositoryactive

controle de cartões e faturas

TypeScript
GitHub ↗
aqua77Repositoryactive

Controle de estoque para loja de aquários e peixes.

TypeScript
GitHub ↗
firts-project-nestRepositoryactive

Primeiro projeto de nest

TypeScript
GitHub ↗
77mdiasRepositoryactive

undefined

Unknown
GitHub ↗

Engineering Mindset

How I think about code.

Building something beautiful that breaks under load isn't craftsmanship. I hold both sides of the equation — elegance and engineering — in equal tension.

01

Clean Architecture

Code that scales isn't just functional — it's structured. I think in layers: clear separation of concerns, predictable data flow, components that do one thing well.

— Composition— Separation of Concerns— Reusability

02

Performance by Default

Every millisecond is a design decision. Lazy loading, code splitting, minimal re-renders — performance isn't an afterthought, it's a first-class concern baked into how I build.

— Core Web Vitals— Code Splitting— Rendering Strategy

03

UI/UX Thinking

I don't just implement designs — I question them. Good UI is invisible; great UX makes users feel capable. I bridge the gap between what looks right and what works right.

— Accessibility— Micro-interactions— Visual Hierarchy

Get in Touch

Let's build
something together.

Open to opportunities, collaborations, and interesting projects. If you think we could make something great — I'd love to hear it.

Say hello →
GitHubLinkedInTwitter