Hola, ¿qué tal?

Francisco J. Vélez O.

@Fravelz

Desarrollador Web – Frontend

Soy desarrollador frontend especializado en maquetación web, creando interfaces fluidas, animadas, funcionales y minimalistas. Trabajo con el buen uso de la semántica y el SEO, integro datos y servicios del backend en el frontend, y también me enfoco en la correcta estructuración y mantenimiento del código frontend.

Logo de Fravelz
Disponible
Bogotá, Colombia

Proyectos Principales

Una selección de mis proyectos más destacados como desarrollador frontend.

ICFES Master - Vista previa del proyecto
Destacado
En desarrollo

ICFES Master

Plataforma interactiva para el ICFES (Saber 11): práctica por áreas, simulacros, gamificación y progreso. Next.js 15, React 19, Supabase y arquitectura por features.

Next.jsReactSupabaseTypeScript+5
Ver Proyecto
WEB To-Do List - Vista previa del proyecto
En desarrollo

WEB To-Do List

Gestor de tareas con Next.js 16 y React 19. Prisma y PostgreSQL, Zustand, Radix UI, Tailwind CSS 4, modo oscuro y tests con Vitest.

Next.jsReactTypeScriptTailwind CSS+5
Ver Proyecto
Frontend Mentor (Next.js) - Vista previa del proyecto
En desarrollo

Frontend Mentor (Next.js)

Monorepo de retos de Frontend Mentor con App Router. Hub de challenges aislados por ruta, datos tipados y tests.

Next.jsReactTypeScriptTailwind CSS+1
Ver Proyecto
Ver Todos los Proyectos

Tecnologías

Nota: Esta información no es representativa ni se basa en una medida global o exacta. Se utiliza únicamente para dar énfasis aproximado de cómo uso cada herramienta y cuáles son las que más siento que domino en comparación con otras.

file_type_html

HTML

Nivel: Intermedio·Categoría: Frontend

file_type_css

CSS

Nivel: Intermedio·Categoría: Frontend

file_type_js_official

JavaScript

Nivel: Básico·Categoría: Frontend

Astro

Astro

Nivel: Básico·Categoría: Frontend

Tailwind CSS

Nivel: Intermedio·Categoría: Frontend

Artboard 3

TypeScript

Nivel: Intermedio·Categoría: Frontend

React

Nivel: Básico·Categoría: Frontend

Next.js

Nivel: Básico·Categoría: Frontend

Supabase

Nivel: Aprendiendo·Categoría: Backend

Sobre Mí

2017
A los 9 años recibí mi primera computadora. Al principio la usaba para ver series en YouTube, pero todo cambió cuando descubrí La Geekipedia de Ernesto. Comencé con cursos de Raptor, Java y Python, y pronto desarrollé mis primeras interfaces gráficas en Java.
2018-2021
Con el tiempo empecé a explorar otros canales y áreas de la informática: ciencia de datos (Pandas, NumPy), inteligencia artificial (TensorFlow, Keras) y fundamentos de ciberseguridad (Bash, Python y Linux). También aprendí y practiqué lenguajes como Python, Java, Go, Ruby, Batch, HTML y CSS, entre otros.
2021
Creé mi primera cuenta de GitHub, aunque tres años después perdí el acceso a ella.
Github
2021-2024
Posteriormente profundicé en Git y GitHub, desarrollando scripts en Python con diversas bibliotecas. También trabajé en desarrollo de escritorio (PyQt5, PySide, Tkinter y Qt) y en desarrollo web (HTML, CSS y JavaScript). Varios de estos proyectos los publiqué en GitHub (en 2024 creé mi segunda cuenta, que es la principal que uso actualmente).
2025
En septiembre de ese año dejé el colegio mientras cursaba décimo grado. Durante los siguientes meses me enfoqué de manera autodidacta en desarrollo web, especializándome en frontend.
Certificaciones
+2026
Actualmente continúo aprendiendo desarrollo web y creando proyectos. Mi objetivo es ser uno de los mejores desarrolladores frontend para 2031 y llegar a trabajar en Google. Además, planeo completar el bachillerato mediante la validación del ICFES 11, estudiando de forma independiente.

Pasatiempos

Desarrollar proyectos web

Construyo interfaces, pruebo ideas y experimento con animaciones.

Personalizar mi sistema operativo Arch Linux

Tuning de mi entorno: dotfiles, productividad, rendimiento y estética.

Política e ideas

Me interesan las ideologías políticas, la geopolítica y cómo se articula el poder a escala global.

Ejercicio y calistenia

Entreno por salud, disciplina y energía.

Mecanografía (47-62 PPM)

Practico velocidad y precisión; puedes ver mi perfil aquí:

Monkeytype

Contáctame

Escríbeme o copia mi correo para ponerte en contacto.

Copiar mi correo:

Se abrirá tu cliente de correo (Gmail, Outlook, etc.) con el mensaje listo para enviar.