Juan Jaramillo
software
developer
About
Full Stack Developer with experience in creating and deploying production-ready web applications. Delivered websites for clients and worked closely with teams to create scalable and easy-to-maintain solutions. Also familiar with OSINT and pentesting tools (Kali Linux, Burp Suite, Wireshark, Metasploit) and OWASP best practices.
Experience
- -
FullStack Developer @ Wikimedia Colombia
COL - RemoteSummary:
- I work in the technologies and communities program, where I am a software developer creating digital experiences that are mainly linked to the visualization of data called the Wikimedia ecosystem. I also contribute to the methodological construction of open data processes.
Responsibilities:
- Help find technological solutions for social projects.
- Contribute to the generation of data related to chapter projects on Wikimedia ecosystem platforms.
- Document and contribute to strategic and methodological planning for open data laboratories.
- NextJs
- Astro
- Tailwind
- ssh
- Sparql
- TypeScript
- Linux
- Python
- Markdown
- Git
- GitHub
- GitLab
- wikidata
- -
Node Operator @ Nym VPN
CH - RemoteSummary:
- I operate 3 nodes and 5 gateways that serve as the main infrastructure for the operation of the decentralized VPN.
Responsibilities:
- Built and maintained both front-end and back-end components of a production-ready eCommerce web app using modern web technologies.
- Focused on building scalable, responsive, and maintainable front-end features, ensuring high performance and usability.
- Integrated payment gateways and developed order management features to support real-time order processing.
- Collaborated with clients and team members to align technical solutions with business needs.
- Ensured clean, modular code and implemented best practices for performance optimization and maintainability.
- Developed and connected RESTful APIs to handle key business logic and data flow between client and server.
- Go
- Gin
- HTML5
- CSS3
- Tailwind
- Bootstrap
- JavaScript
- TypeScript
- Next-Js
- React
- NodeJS
- Bruno
- Redux
- Git
- GitHub
- -
Web Master @ Platohedro
COL - HybridSummary:
- I have over nine years of experience in communications, leading results-oriented technology projects, including application development and IT infrastructure operation/maintenance.
Responsibilities:
- Building multimedia experiences geared toward the results of artistic and educational processes.
- Maintenance of the corporation's IT infrastructure.
- Software documentation.
- Production of audio pieces for podcasts and websites.
- WordPress
- HTML5
- CSS3
- Tailwind
- JavaScript
- TypeScript
- Next-Js
- React
- NodeJS
- Shell
- Git
- GitHub
Projects
An interactive web platform on judicial translation and interpreting (with the motto 'Clarity - Cultural competence - Ethical judgment'). Includes information about services provided and contact details.
- 🌐 Institutional website
- 📱 Responsive and interactive design
- 🖼️ Image and meta tags optimization (SEO)
- 🚀 Optimized deployment
- Angular
- TypeScript
- Tailwind
- HTML5
- CSS3
This visualization is an artistic and synthetic representation of the mechanics of geopolitical conflicts. Data vectors, payloads, and targets are algorithmically simulated for demonstrative purposes, integrating sound. Simulated APIs: GDELT, SIPRI, Sat Intel.
- 🎵 Tone Js for in-browser audio synthesis and control
- 🖌️ ThreeJs for 3D rendering of visual elements
- 🧊 Angular for application structure
- 💡 Simulation of geopolitical data
- 📊 Representation of attack vectors and targets
- Angular
- Tone-Js
- TypeScript
- Tailwind
- Three-Js
Website to browse experiences created by children in the Matinée project (Platohedro). This iteration emphasized a self-care game, a 3D character gallery, and a sticker-like visual integration with institutional logos.
- 🎵 Web Audio API with interactive notes
- 🖌️ 2D Canvas: color mixing
- 🧊 3D stand modeling + FBX characters
- 💡 Interactive lamp-like simulation
- ♟️ 45-tile rectangular board
- 🎰 Vertical slot machine to create creatures
- Next-Js
- Drei
- TypeScript
- Tailwind
Hidropoéticas is an interactive web experience that explores the relationship between art, culture, and bodies of water in Colombia. The project presents three key water sources: Río de Oro, Río Quilichao, and Quebrada Santa Elena—each with its own history and cultural meaning.
- 🌊 Interactive water and ripple effects
- 🖱️ Smooth transitions and scroll effects
- 🧩 Interactive sections per body of water
- 🧊 Three.js animations and water effects
- 📱 Responsive design
- Astro
- TypeScript
- React
- JQuery
- Three-Js
Interactive timeline about “false positives” cases in Colombia (2002–2008), powered by Wikidata through SPARQL queries and presented with Histropedia.
- ⏳ Interactive timeline (Histropedia)
- 🔎 Data from Wikidata Query Service (SPARQL)
- 🗓️ Time-range filtering (2002–2008)
- 🗺️ Region / significant place filtering
- 🧭 Zoom and recenter controls
- ⚡ Async loading + error handling
- 📱 Responsive design
- Astro
- JavaScript
- CSS
- Wikidata
- SPARQL
- Histropedia
- jQuery
- Express
- Toolforge
API and web UI to query SECOP II (Colombia Open Data): search by URL/noticeUID or keyword, normalize processes/contracts, and look up suppliers by NIT. Includes a Tkinter desktop version and Docker deployment on Fly.io.
- 🌐 FastAPI web API
- 🖥️ Tkinter desktop app
- 🧭 Search by URL/noticeUID and keyword
- 🗂️ SECOP II datasets (Processes and E-contracts)
- 🏢 Supplier lookup by NIT + link to RUES
- 💰 COP currency formatting
- 🐳 Docker + Fly.io deployment
- 🤖 GitHub Actions (deploy and PyInstaller binaries)
- Python
- FastAPI
- Requests
- Uvicorn
- Tkinter
- Docker
- Fly.io
Interactive website about football stories in Medellín with a book-like effect, built with Astro, React, and Tailwind CSS.
- 🚀 Static rendering with Astro
- 🎨 Styling with Tailwind CSS
- ⚛️ React integration for interactive components
- 🖼️ Image optimization with Sharp
- 🗺️ Automatic sitemap generation
- React
- tailwind
- Rest-Api
- Hostinger
Collaborative digital memorial documenting murals and urban art in Colombia, integrating Wikimedia Commons and Wikidata. Includes an explorer, an interactive map, and per-city/per-mural pages with galleries and audio.
- 🗺️ Interactive map with Leaflet + popups and detail links
- 🔎 Explorer with city and text search
- 🧩 Dynamic pages per city/mural (/{city}/{slug})
- 🖼️ Media served from Wikimedia Commons (Special:FilePath)
- 🎧 Testimonial audios embedded from Commons (OGG/MP3)
- 🔁 Auto-sync from a Commons category
- ⏱️ Periodic revalidation on Toolforge (~15 min)
- Next-Js
- React
- TypeScript
- tailwind
- Leaflet
- Wikidata
- Wikimedia Commons
- Docker
- Toolforge
Audio streaming platform for Platohedro’s podcast, with downloadable episodes and an integrated player.
- 🚀 Frontend built with Astro
- 🔗 Externally indexed audio sources
- 🗂️ Program categorization
- 📱 Mobile-friendly design
- Astro
- TypeScript
- tailwind
- javascript
- NPM
Online radio station.
- 🛠️ Apache server
- 📡 Audio streaming via Icecast2
- 🚀 Frontend built with Astro
- 💬 Online chat
- 📻 Live radio
- 📱 Mobile-friendly design
- Astro
- TypeScript
- tailwind
- Apache
- Linux
- Hostinger
IoT node on Raspberry Pi that reads a PIR motion sensor via GPIO, controls an LED, and sends events (0/1) over OSC/UDP to a receiver app (e.g. OpenFrameworks).
- 🚶 PIR sensor reading on GPIO (onoff)
- 💡 LED on/off based on detection
- 📡 OSC messages over UDP (/PIR, 0/1)
- 🔧 Simple IP/port and GPIO pin configuration
- 🎛️ OpenFrameworks integration (oscReceiveExample)
- 🧹 GPIO cleanup on exit (unexport)
- Node.js
- Raspberry Pi
- Linux
- GPIO
- OSC
- UDP
CLI tool that converts text to speech (TTS) and generates an MP3 with gTTS. Type your text in the terminal, generate the audio, and play it automatically with mplayer.
- 🖥️ Fully terminal-based UI (stdin input + Ctrl+D)
- 🗣️ Text-to-speech conversion with gTTS (Google TTS)
- 🎧 MP3 generation and auto playback with mplayer
- 🧰 Dependency installer (apt/pacman/dnf/zypper)
- 🌍 Configurable language (e.g. es, en, fr)
- 🔁 Loop mode to convert multiple texts
- Python
- Bash
- gTTS
- mplayer
- Linux
Skills
- HTML
- CSS
- Tailwind
- Bootstrap
- JavaScript
- TypeScript
- Next-Js
- Astro
- React
- Go-lang
- Angular
- Node
- PNPM
- Java
- MongoDB
- PostgreSQL
- Git
- GitHub
- Renardo
- Docker
- Shell
- Linux
- Swagger
- Postman
- Kali Linux
- OSINT
- Pentesting
- Burp Suite
- Metasploit
- Wireshark
- OWASP