💻 Frontend Developer | React & UI Enthusiast
🚀 Passionate about creating fast, elegant, and human-centered web experiences.
💬 "Always learning. Always building. 🚀"
| Project | Description | Tech |
|---|---|---|
| 🗃️ HeaderLab | HeaderLab is an experimental React playground focused on building, testing, and showcasing modern navigation headers. It serves as both a component lab and a design reference for scalable, reusable, and production-ready header patterns. | Reactjs · Tailwind CSS · npm · Vite · Framer motion · React Router DOM · Lucide React |
| 🛒 My Quality System | Web application for comprehensive organizational quality management. It provides real-time visibility into the quality system status through an interactive dashboard, manages internal and external audits, tracks non-conformities, and controls the lifecycle of quality processes. | Reactjs · Tailwind CSS · npm · Vite · Radix UI · Recharts · Lucide React · date-fns · Sonner |
| 🛒 My Nextjs E-commerce | A modern ecommerce web application built with Next.js that includes a full shopping experience: product catalog, filters, cart, authentication, and checkout flow. | Nextjs · Tailwind CSS · npm · API |
| ⛅ Foreweather | Your personal forecast weather application. Built with React + Vite + Tailwind CSS, powered by Open-Meteo API. | React · Tailwind CSS · npm · Vite · API |
| 🐍 My Snake Game | A modern remake of the classic Snake game using React.js. It offers smooth movement, a clear user interface, and high modularity | React · Tailwind CSS · npm · Vite |
| 🌐 Modern React Portfolio | Personal React portfolio with Vite and Tailwind — stylish, fast, and developer-friendly | React · Tailwind CSS · npm · Vite · Framer Motion · Node.js |
| 🎨 Learning Tailwind CSS | A practical guide for learning and experimenting with Tailwind CSS | HTML · Tailwind CSS · npm |
| 🕹️ Tic-Tac-Toe Game - React Tutorial Implementation | Implementation of the classic Tic-Tac-Toe game based on the official React tutorial | React · npm · Node.js |
| 📝 To-Do List App | Elegant React to-do list with hooks and local storage. | React · JS · CSS |
| 🎥 YouTube Clone | YouTube-style video interface with responsive design. | HTML · CSS · JS |
| ⏰ Analog Clock | A real-time analog clock built entirely with HTML, CSS, and JavaScript. Smooth animations and responsive design | HTML · CSS · JS |
| 🕹️ Hangman Game | Classic hangman game implemented in JavaScript. Interactive gameplay, dynamic word selection, and winning/losing states | HTML · CSS · JS |
| 🏠 House in 3D with CSS | Creative 3D design using CSS transformations and animations | HTML · CSS · JS |
| Challenge | Description | Tech |
|---|---|---|
| 🌐 Landing Page - Single Section Introduction | A single-section landing page with responsive layout and clean design | HTML · CSS · JS |
| 📰 Article Preview Component Challenge | A responsive article preview card with hover interactions | HTML · CSS · JS |
| 🖼️ Four Card Feature Section Challenge | A creative feature section with four cards demonstrating layout skills | HTML · CSS |
- ⚛️ Advanced React concepts & hooks
- 🧠 Node.js & Express
- 🎨 UI/UX Design fundamentals
- 🌍 English (communication & fluency)
💼 Experience
Caja De Compensación Familiar Del Casanare – Comfacasanare, Colombia (2008–2022)
- Provided technical assistance for QA and control processes.
- Developed and maintained internal systems for quality and risk management.
- Designed and managed the Quality Management web portal.
- Led automation and training initiatives to ensure compliance and efficiency.
Fundación Universitaria Internacional del Trópico Americano – Unitrópico (2015)
- Taught software development, databases, and productivity tools.
- Designed lesson plans, evaluations, and adapted teaching methods to students’ needs.
🎓 Education
Postgraduate Specialization in Comprehensive Software Analysis and Design — Universidad Europea Del Atlántico (2016–2017)
Bachelor’s in Systems Engineering — Fundación Universitaria Internacional del Trópico Americano (UniTrópico) (2009-2013)
🌍 Based in Slovakia, learning new languages and exploring different cultures.
🎯 Goal: Become a Full-Stack Developer and work on impactful, meaningful projects.
💡 Motto: “Always learning. Always building.”
📫 Get in touch:
💙 Thanks for visiting my profile!
⭐️ Feel free to explore my projects and connect with me.