Hola, Soy
John Serrano Ingeniero de Software
+7 años de experiencia. Me especializo en la creación de experiencias digitales de alto impacto. De Cúcuta, Colombia.
Apasionado por la tecnología y el desarrollo web.
¡Hola! Soy John Serrano. Comencé mi viaje en el desarrollo web en 2011 y obtuve una titulación como Tecnólogo en Análisis y Desarrollo de Sistemas. A partir del 2014 y por 2 años tuve que hacer una pausa en mi carrera por razones personales, pero eso no me detuvo en mi búsqueda de conocimiento. Desde el año 2016, he estado trabajando incansablemente y ampliando mis habilidades.
En la actualidad, mi enfoque se centra en el desarrollo front-end, donde creo productos y experiencias digitales. Mi pasión por la tecnología y el aprendizaje constante me motiva a mantenerme al día con las últimas tendencias y herramientas en el campo.
Algunas de las tecnologías con las que he estado trabajando recientemente:
- ✅ JavaScript (ES6+)
- ✅ React
- ✅ Node.js
- ✅ TypeScript
- ✅ Next.js
- ✅ MongoDB
Tecnologías y Herramientas
- HTML
- CSS
- Docker
- TypeScript
- NodeJS
- ES6
- React
- Google Firebase
- Sass
- JavaScript
- MongoDB
- NextJS
- APIS
- NPM
- Yarn
- Git
- JOI
- HAPI/BOOM
- Astro
- ESLint
- Express
- JWT
- Passport
- Vite
Donde He Trabajado
-
La Opinión Software Engineer
Dicciembre 2020 - Actualidad- 🚀 Desarrolle un sistema para guardar las transacciones de PAYU y dependiendo del estado de la transacción activar una suscripción digital, se desarrollo con Node.js, Express, MongoDB, NodeMailer.
- 🚀 Desarrolle el sitio web chicaqhubo Cúcuta con Next.js, React, MongoDB.
- 🚀 Realice la integración de Google ShowCase con el sistema de paywall dando contenido extendido en el sitio web de La Opinión.
-
La Opinión Desarrollador web Full Stack
Marzo 2016 - Enero 2021- 🚀 Desarrolle e implemente la integración de la pasarela de pagos de PAYU.
- 🚀 Elimine trabajo manual automatizando el proceso de crear las plantillas para el envió de correos masivos.
- 🚀 Diseñe y desarrolle push notifications con Firebase y Node.js para el back-end y como base de datos se uso MongoDB.
-
Plasticos formosa Programador de Software
Junio 2012 - Enero 2013- 🚀 Entregue algunas aplicaciones en Java y PHP
- 🚀 Desarrollo una aplicación tipo intranet con un sistema de votos en PHP y MYSQL.
Amo Lo Que Hago Algunos De Mis Proyectos
- Proyecto destacado
Top Autos
Tuve el placer de desarrollar este increíble proyecto, Top Autos, una plataforma de venta de autos nuevos y usados al estilo tucarro.com. El proyecto cuenta con múltiples filtros, diversas categorías, y una hermosa galería con funcionalidad de zoom. Lo desarrollé con Next.js, utilizando WordPress como un headless CMS para gestionar toda la data, configurando varios plugins para optimizar su funcionamiento.
- NextJS
- WordPress
- TailwindCSS
- PhotoSwipe
- PdfLib
- Proyecto destacado
Geeparts Ecommerce
He tenido el privilegio de crear y configurar "Geeparts", una tienda en línea que satisface las necesidades de entusiastas de las dos ruedas. Esta plataforma, construida con la versátil solución de Tienda Nube y respaldada por la seguridad de Open Pay como pasarela de pagos en línea, ofrece una experiencia de compra sin igual.
Trabajar en Geeparts ha sido un proyecto emocionante, y estoy orgulloso de haber contribuido una plataforma en línea que ofrece todo lo que los amantes de las motos necesitan.
- HTML5
- CSS
- JavaScript
- Tienda Nube
- Ecommerce
- Proyecto destacado
Chica Q'hubo Cúcuta
Como desarrollador web, he tenido el honor de contribuir a un proyecto muy especial: "Chica Q'Hubo". Esta sección del periódico Q'Hubo ofrece a las mujeres de la región una plataforma para destacar su belleza y compartir su historia de vida con miles de lectores diarios.
- NextJS
- MongoDB
- JavaScript
- ReactJS
- Axios
Otros Proyectos Destacados
-
seocheckAI
Desarrollé seocheckAI con el objetivo de ofrecer un análisis SEO completo para sitios web. Este proyecto me permitió participar en la hackathon de Midudev + Vercel, donde integré varios modelos de OpenAI, utilicé Playwright para el scraping de datos, y aproveché el SDK de Vercel. Una experiencia llena de aprendizaje y crecimiento.
-
Resultados Elecciones Regionales Colombia 2023
El proyecto consiste en un módulo web que muestra los resultados de las elecciones regionales en Norte de Santander, Colombia. El módulo cuenta con cinco pestañas, cada una de las cuales muestra los resultados de una corporación de cargos públicos.
-
Formulario de Registro con Brevo
En este proyecto desarrollé un formulario de registro para Geeparts utilizando Brevo para la gestión del envío del correo electrónico. Utilizando la API de Brevo me conecte para enviar los datos del formulario directamente a una lista de contactos.
-
API de Películas (REST)
Desarrolle una API REST de películas, diseñada para ofrecer una amplia gama de funcionalidades relacionadas con la gestión de películas. Desde la obtención de información sobre películas hasta la creación y actualización de registros.
-
Revista La Ó
Trabaje en la creación de la página web "Revista La Ó", llevando del impreso esta revista a lo digital donde puedes encontrar, últimas noticias y novedades de la farándula y eventos de entretenimiento favoritos.
-
Ingresos y Gastos
Desarrollé una aplicación web diseñada para llevar un registro detallado de tus ingresos y gastos. Con esta herramienta, puedes tener un control de tus gastos mensuales, todo organizado en diversas categorías para clasificar los tipos de gastos.
-
Portafolio para Clientes
Este módulo fue desarrollado con ReactJS, ofrece a nuestros clientes una buena experiencia para elegir la estrategia publicitaria que mejor se adapte a los objetivos de los usuarios. El módulo se destaca por su atractivo diseño y la facilidad de navegación.
-
Lista de Lecturas
"Lista de Lecturas" es una solución a una prueba técnica para gestionar tu lista personalizada de libros. Con la capacidad de filtrar por categorías y cantidad de páginas, esta herramienta se adapta a tus preferencias, permitiéndote encontrar fácilmente los libros que se ajustan a tus intereses.
-
Buscador de Películas
Esta aplicación de búsqueda de películas, desarrollada como parte de una prueba técnica utilizando ReactJS, su enfoque se centra en el uso de los diferentes hooks de ReactJS. Diseñada para brindar una experiencia de usuario fluida y eficiente, la aplicación presenta optimizaciones clave.
¿Qué Dicen Las Personas Sobre Mí?
-
Apasionado, inteligente, resolutivo y ¡cree en lo que hace!. John Andrey trabajó en mi equipo durante los últimos cuatro años. Su rol fue clave para el equipo ya que aportó toda su experiencia y conocimientos con mucha generosidad. Se consiguieron logros importantes gracias a su buen desempeño y disfrutamos del trabajo. Si algun@ tiene la oportunidad de tenerlo en su equipo como técnico o desarrollador web, no los va a defraudar.
Jhonatan Miranda -
He tenido el gusto de trabajar con John diferentes proyectos en 7 años y en cada uno de ellos he encontrado a una persona que propone soluciones, encuentra rutas para hace posible las ideas, construye desde su saber modelos eficientes para lograr los objetivos deseados. Quien tenga el placer de trabajar con él tendrá en su equipo a una persona capacitada, con capacidad de creación, construcción y análisis, lo que se traduce en proyectos exitosos.
Esperanza Arango -
John es un Excelente desarrollador, Muy organizado, táctico y proactivo, su código es ordenado y siempre esta atento a los detalles, sin duda es una persona que siempre vendrá bien al equipo!
Leonardo Restrepo -
Excelente persona, muy entregado a su profesión, y con disposición continúa de estar aprendiendo y mejorando.
Camilo Galvis -
Excelente profesional, atento al detalle, en búsqueda de mejorar los procesos, con autoaprendizaje y puntualidad en todas sus tareas.
Gabriel Moncada Figueroa
Ponerse En Contacto
Aquí puedes dejarme tus comentarios, sugerencias o resolver cualquier problema que puedas tener. Espero con interés leer tu mensaje. Tu opinión es valiosa para mí.
Colombia
[email protected]Últimos Artículos Publicados
¿Cómo crear códigos de barras en JavaScript y exportarlos a PDF?
Desarrollé un sistema de inventario y enfrenté el desafío de generar códigos de barras legibles por un lector. Aquí te muestro cómo hacerlo en JavaScript.
Hackatón de Midudev: Una oportunidad para aprender y conectar + vercel
Participa en esta gran oportunidad para aprender, crear y conectar con otros desarrolladores en el hackatón de Midudev. ¡No te lo pierdas!
TypeScript, Types vs interfaces
Cuando se trata de TypeScript, hay dos formas de definir tipos: 'types' e 'interfaces'. Vamos a explorar las diferencias y similitudes entre tipos e interfaces, así como cuándo es apropiado usar cada uno.