Hola, soy David Castillo

Construyo experiencias web con código y propósito.

Soy DavidDevX, desarrollador full stack en formación. Me interesa tanto el frontend como el backend, y disfruto convertir ideas en software claro, línea por línea.

  • 06Tecnologías
  • 03Proyectos
  • 06Meses de formación

01 / SOBRE MÍ

Una ruta diferente hacia el desarrollo.

Soy egresado de Ingeniería de Industrias Alimentarias por la Universidad Nacional de Frontera (2026). Llegué a la programación por curiosidad, sin planearlo, y terminó por gustarme: encontré un trabajo que disfruto, concentrado y tranquilo frente al monitor, resolviendo un problema a la vez.

Durante seis meses de formación como estudiante en Academlo aprendí y trabajé con HTML, CSS, JavaScript, React y Node.js. Actualmente también incorporo PostgreSQL a mi stack y continúo fortaleciendo esas bases a través de proyectos prácticos, tanto en frontend como en backend.

No vengo de un recorrido tecnológico tradicional, y esa es una de mis fortalezas: combino pensamiento analítico, curiosidad y una visión orientada a procesos.

01

Código claro

Soluciones comprensibles, ordenadas y pensadas para evolucionar.

02

Aprendizaje continuo

De tropezar con mis primeros hooks a resolver el estado de una app con confianza: cada proyecto suma una lección nueva.

03

Visión de producto

La tecnología tiene valor cuando resuelve una necesidad real.

02 / TECNOLOGÍAS

Herramientas con las que construyo.

Una base enfocada en desarrollo web, en crecimiento constante.

HTML

Estructura semántica

Frontend

CSS

Diseño responsive

Frontend

JavaScript

Interacción y lógica

Lenguaje

React

Interfaces por componentes

Frontend

Node.js

JavaScript del lado servidor

Backend

PostgreSQL

Bases de datos relacionales

Base de datos

03 / PROYECTOS

Ideas convertidas en código.

Todos en GitHub

CASO DE ESTUDIO 01 / PUBLICADO

Pokédex App

TipoAplicación frontend
Fuente de datosPokeAPI
PublicaciónNetlify
01 / OBJETIVO

Simplificar la exploración de Pokémon

Crear una experiencia de consulta que permitiera encontrar información de Pokémon sin recorrer manualmente todos los resultados disponibles en PokeAPI.

02 / SOLUCIÓN

Un flujo de consulta completo

El flujo comienza con la elección del entrenador y el ingreso del nombre. Después integra búsqueda, filtro por tipo, favoritos y paginación; cada tarjeta presenta el tipo y las seis estadísticas principales.

03 / IMPLEMENTACIÓN

Estado, navegación y datos separados

Construí la interfaz con componentes reutilizables en React, utilicé Redux Toolkit y React Redux para el estado global, React Router para las vistas y Axios para consumir PokeAPI.

04 / DESAFÍO

Coordinar datos asíncronos y controles

El reto fue coordinar búsqueda, filtros, favoritos y paginación con la URL, mientras la caché y la cancelación de peticiones evitaban respuestas obsoletas.

Resultado

Experiencia responsive y accesible publicada en Netlify, con onboarding, exploración detallada y una suite automatizada para validar los flujos principales.

Demo y código disponibles
Tecnologías
Interfaz
  • React
  • JavaScript
  • Vite
  • CSS
Estado y navegación
  • Redux Toolkit
  • React Redux
  • React Router
Integración
  • Axios
  • PokeAPI
Calidad y despliegue
  • Vitest
  • Playwright
  • axe-core
  • Netlify

CASO DE ESTUDIO 02 / PUBLICADO

Rick and Morty App

TipoAplicación frontend
Fuente de datosRick and Morty API
PublicaciónNetlify
01 / OBJETIVO

Unificar la exploración del multiverso

Crear una experiencia donde personajes, episodios y ubicaciones pudieran consultarse sin perder el contexto entre colecciones relacionadas.

02 / SOLUCIÓN

Tres colecciones conectadas

Tras elegir a Rick o Morty, el usuario puede filtrar personajes, guardar favoritos, recorrer episodios y consultar ubicaciones con sus residentes paginados.

03 / IMPLEMENTACIÓN

Lógica asíncrona reutilizable

Construí la interfaz con React y la Fetch API. Encapsulé consultas cancelables y listas paginadas en custom hooks, y persistí perfil y favoritos en localStorage.

04 / DESAFÍO

Coordinar modos, filtros y peticiones

El reto fue mantener consistentes la navegación entre colecciones, los filtros, los favoritos y las peticiones cancelables sin mostrar resultados obsoletos.

Resultado

Explorador temático publicado en Netlify, con onboarding persistente, tres áreas de consulta y estados claros de carga, error y resultados vacíos.

Demo y código disponibles
Tecnologías
Interfaz
  • React
  • JavaScript
  • Vite
  • CSS
Estado
  • Custom Hooks
  • LocalStorage
  • Context API
Integración
  • Fetch API
  • Rick and Morty API
Calidad y despliegue
  • Vitest
  • Testing Library
  • Netlify

CASO DE ESTUDIO 03 / PUBLICADO

ATMOS | App del Clima

TipoAplicación full-stack
Fuente de datosOpenWeather API
InfraestructuraNetlify Functions
01 / OBJETIVO

Hacer accesible el clima de cualquier ciudad

Permitir consultas por nombre o ubicación actual, reuniendo las condiciones esenciales en una experiencia clara y sin depender de un único flujo de acceso.

02 / SOLUCIÓN

Dos formas de consulta, una lectura clara

ATMOS combina búsqueda y geolocalización, adapta su atmósfera visual al clima y presenta temperatura, sensación térmica, viento, nubosidad, presión y humedad.

03 / IMPLEMENTACIÓN

Frontend y API intermedia segura

React gestiona la interfaz y la Geolocation API; Netlify Functions ejecuta la capa Express que valida consultas, protege la clave y normaliza la respuesta de OpenWeather.

04 / DESAFÍO

Unificar entradas, estados y seguridad

El reto fue integrar ciudad y coordenadas en un solo flujo, mantener coherentes carga, errores y unidades, y aplicar caché, timeout y límite de solicitudes en el servidor.

Resultado

Experiencia meteorológica full-stack publicada en Netlify, responsive y accesible, con la clave de OpenWeather aislada del navegador.

Demo y código disponibles
Tecnologías
Interfaz
  • React
  • JavaScript
  • Vite
  • CSS
Backend
  • Express
  • Netlify Functions
  • Helmet
Datos
  • Geolocation API
  • Fetch API
  • OpenWeather
Calidad
  • Vitest
  • Supertest
  • Netlify

04 / TRAYECTORIA

Experiencia que suma perspectivas.

Mi recorrido combina formación en ingeniería y experiencia práctica en tecnología.

  1. Formación profesional · Egreso 2026

    Universidad Nacional de Frontera

    Ingeniería de Industrias Alimentarias, con formación analítica, enfoque en procesos y resolución de problemas.

  2. Formación tecnológica · 6 meses

    Academlo

    Formación como estudiante en desarrollo web utilizando HTML, CSS, JavaScript, React y Node.js.

  3. Actualmente

    Disponible para nuevos retos

    Desarrollando proyectos propios y buscando oportunidades de empleo y proyectos freelance.

Certificaciones relacionadas

  • Fundamentos de Programación con HTML, CSS, JavaScript Academlo, México
  • Desarrollador Front-End con React Academlo, México
  • Gestión y ciencia de datos con Python Universidad Nacional Mayor de San Marcos, Lima
  • Administrador de servidores Windows y Linux Geg Corporation S.A.C., Lima
  • Especialista en Administración de Redes Geg Corporation S.A.C., Lima
  • Seguridad Informática - Hacking Geg Corporation S.A.C., Lima

05 / CONTACTO

¿Construimos algo juntos?

Soy desarrollador full stack, disponible para trabajar en modalidad remota o presencial, en oportunidades de empleo o proyectos freelance. Si tienes una idea, una vacante o quieres colaborar, conversemos.

hectordavidcastillobailon@gmail.com

Disponible para trabajar