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

drivenfoodseven7

No description provided.

Python
02

77tickets

A full-stack ticketing platform demo built with a production-ready architecture. Designed for scalability, clean separation of concerns, and future migration to Next.js + NestJS. Powered by Vinext, Cloudflare Workers, Neon (PostgreSQL), and Drizzle ORM.

TypeScript
03

pen-tracking-demo

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

JavaScript
04

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.

TypeScript
05

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.jsReactPostgreSQLPrisma
06

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

Engineering

Things I've shipped.

10 projects
drivenfoodseven7Repositoryactive

undefined

Python
GitHub ↗
77ticketsRepositoryactive

A full-stack ticketing platform demo built with a production-ready architecture. Designed for scalab...

TypeScript
GitHub ↗Live ↗
pen-tracking-demoRepositoryactive

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

JavaScript
GitHub ↗Live ↗
barbershop-nextRepositoryactive

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

TypeScript
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 ↗
77codeRepositoryactive

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

TypeScriptNext.js 16Tailwind CSS v4Vercel
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 ↗

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