Dr. Filipe Carvalho
/ Sitio médico
Dr. Filipe Carvalho

Medicina conpresencia digitala la altura de tutrayectoria.

Clínica Médica y Reumatología

Un sitio médico con columna de artículos y panel propio para publicar.

Sitio médicoArtículosPanel

  • Next.js 15
  • React 19
  • TypeScript
  • Prisma
Dr. Filipe Carvalho / Sitio médico
Dr. Filipe Carvalho

Medicina conpresencia digitala la altura de tutrayectoria.

Clínica Médica y Reumatología

  • Next.js 15
  • React 19
  • TypeScript

Un sitio médico con columna de artículos y panel propio para publicar.

Sitio médicoArtículosPanel

  • Next.js 15
  • React 19
  • TypeScript
  • Prisma

PortafolioDr. Filipe Carvalho

La confianza

Antes de la consulta, la prueba.

Quien busca un médico por internet decide en pocos segundos. La página de presentación se armó para responder esa duda con pruebas y no con adjetivos: cinco bloques, cada uno con un tipo de confirmación distinto.

  • Registro profesional

    Los números oficiales de registro y las dos especialidades, desde el comienzo.

  • Formación

    Grado y residencias, con institución y año.

  • Docencia

    El trabajo como profesor y preceptor, que muestra el lado académico.

  • Publicaciones

    Los trabajos científicos, cada uno con su tema.

  • Atención

    Dónde ocurre la consulta y de qué forma.

Los datos reales de registro, contacto y dirección están en el sitio; esta página muestra solo el tipo de prueba que reúne cada bloque.

Las áreas

Dos áreas, sin letra chica.

La página de especialidades no promete “todo”: dice las dos áreas de actuación y, en cada una, lo que realmente se atiende. Elige una pestaña para abrir la lista.

Evaluación integral de la salud del adulto, con enfoque basado en evidencias para diagnóstico, tratamiento y prevención de enfermedades sistémicas.

Qué se atiende

  • Chequeo completo y preventivo
  • Enfermedades crónicas y metabólicas
  • Prevención cardiovascular
  • Salud integral del adulto

Las dos áreas y los ocho ítems salen del código del sitio (specialties.tsx), palabra por palabra.

Escena del proyecto: la página de especialidades en la computadora y el editor de artículos al lado

02/Contenido y autonomía

Conocimiento que gana espacio para ser compartido.

Especialidades y artículos en una experiencia propia.

La columna de artículos es lo que mantiene vivo el sitio después del día en que quedó listo. Cada artículo tiene categoría, tiempo de lectura y un color elegido en el panel, el mismo color que marca la tarjeta aquí abajo. Usa el filtro para ver una sola categoría.

  • Reumatología5 min

    Las primeras señales de la artritis reumatoide: cuándo buscar un reumatólogo

    La artritis reumatoide afecta a millones de personas. Conoce las señales tempranas que no deben ignorarse.

    Leer artículo

  • Reumatología7 min

    Lupus eritematoso sistémico: mitos y verdades sobre la enfermedad

    El lupus es una de las enfermedades autoinmunes más complejas. Entiende lo que la ciencia realmente sabe.

    Leer artículo

  • Calidad de Vida6 min

    Osteoporosis: la enfermedad silenciosa que necesitas conocer

    La osteoporosis es llamada epidemia silenciosa. Aprende cómo prevenirla y tratarla antes de la primera fractura.

    Leer artículo

  • Clínica Médica6 min

    Fibromialgia: entender el dolor que no aparece en los exámenes

    La fibromialgia es real y afecta la calidad de vida. Conoce el abordaje moderno para el diagnóstico.

    Leer artículo

Los cuatro artículos y las categorías son los que acompañan al proyecto (prisma/seed.ts); el filtro funciona como en el sitio.

La autonomía

Escribir sin pedir ayuda.

El panel existe para que un artículo nuevo no dependa de quien hizo el sitio. Son los campos de la app de verdad: escribe en el formulario y mira la tarjeta del lado cambiar junto.

Color del artículo

Vista previa de la tarjeta

Calidad de Vida4 min

Sueño y dolor crónico: qué tiene que ver uno con el otro

Dormir mal empeora el dolor, y el dolor estropea el sueño. Entiende el círculo y por dónde se empieza a romperlo.

Leer artículo

  • 5Total
  • 4Publicados
  • 1Borradores
  • 5Categorías

Los campos, las cinco categorías y los seis colores son los del panel (app/admin). La cuenta de arriba suma este a los artículos del proyecto.

El estado

Todo en pie, revisado en el código.

Un proyecto de salud pide honestidad también en el informe. Esta es la lista verificada en el código, sin redondear: cada parte que entrega el sitio, una por una.

  • Sitio públicoPresentación, autoridad, especialidades y llamada al contacto.Listo
  • Columna de artículosLista con filtro por categoría y la página de cada artículo.Listo
  • Panel propioResumen en números, lista de artículos y editor con vista previa.Listo
  • Entrada con contraseñaContraseña cifrada con bcrypt y gafete firmado guardado en una cookie.Listo
  • Base de verdadPostgreSQL detrás de Prisma, con artículos, administrador y ajustes.Listo
  • Carga inicialCuatro artículos y el administrador creados por un archivo de carga.Listo

Levantado leyendo el código (src/app/api y src/lib/auth.ts).

Las tecnologías

De qué está hecho, pieza por pieza

Un sitio de verdad, con base y panel propio: las páginas públicas y el panel salen del mismo proyecto Next.js, los artículos viven en una base PostgreSQL y la entrada del panel guarda la contraseña cifrada. Elige una pieza para ver qué hace aquí y en qué archivo está.

10tecnologías, en 3 capas

Pantalla

Servidor

Entrada

Las pantallas

El sitio tal como es.

Pantallas reales del proyecto, en el tema claro del sitio y en el panel de pizarra. Toca o pasa el mouse para soltar una placa de la caja y haz clic para verla grande.

Las pantallas con dirección, teléfono, correo y red social quedaron fuera; el dato personal restante fue cubierto.