Experienced Web Developer with strong UI/UX skills.
Skilled in CMS and WordPress environments.
Passionate about new technologies, a React enthusiast, and a fan of hands-on learning.
Web Design & Web Development
About
I started in the industry in 2016 as a freelance as a web designer, exploring the fundamentals of design and user interfaces during the rise of Web 2.0. Surrounding myself with talented people, I was able to learn from them and grow as a designer. Over time, my interest in technology led me to specialize in front-end development, learning on my own and from more experienced professionals who were willing to share their knowledge.
Since 2021, I have been working as a web developer with experience in WordPress and a strong focus on JavaScript and TypeScript, particularly with Next.js. Throughout my career, I have honed my ability to manage time efficiently, allowing me to balance continuous learning with collaborating on diverse projects.
Additionally, I have integrated AI tools into my workflow to optimize processes and enhance productivity. I understand how to ask the right questions and leverage AI as a strategic resource to stay on track and make informed decisions.
I am always looking for new opportunities that allow me to grow and contribute to innovative projects. If you have an idea in mind, I'd be happy to be a part of it.
Experience
Contender Studio
Web Developer
|March 2024 - Present
As the sole developer in the agency, I lead the creation and optimization of websites, managing all technical solutions. Additionally, I am expanding my expertise in event tracking with GTM and GA, as well as SEO. As the agency grows, my role is evolving toward leading the development department.
WYN Solutions
Webmaster
|december 2022 - may 2023
As a Webmaster at a specialized marketing agency for car dealerships, I played a crucial role in managing and creating landing pages across multiple websites for various stores throughout the USA. My responsibilities included overseeing the performance of these landing pages and ensuring smooth process executions.
FrontPorch Solutions
QA Developer
|august 2021 - october 2022
Drawing from my experience in UI/UX design, I bring a unique perspective to my role as a functionality tester. With a keen eye for detail, I ensure high standards of visual accuracy in Figma projects. My background as a designer has played a pivotal role in honing this skill. In cases where older projects lacked visual references, my designer's sensibility allowed me to make consistent and meaningful suggestions for improvement. Additionally, I serve as a proficient backup front-end developer, well-versed in CSS, PHP, and Next.js.
ImageID
Webmaster
|april 2021 - august 2021
As a webmaster at ImageID, one of the largest marketing agencies in Colombia, I was responsible for managing multiple websites using WordPress as the CMS, primarily through page builders such as Elementor, WPBakery, and Beaver Builder. I also had experience in managing e-commerce databases.
Chattanooga Web Design
Web Developer
|january 2021 - april 2021
As part of the development team, I worked as a Front-End developer at a marketing agency in Chattanooga, TN. I specialize in web development using the Elementor builder, with a focus on achieving high visual standards.
Projects
Indentura
Indentura's user interface was developed by a Front-end developer according to financial design standards. Using the provided Figma designs, I created pixel-perfect screens that executed the design concepts for functional user interfaces. I developed over 20 customized components with Next.js and Shadcn UI in a structured monorepo, establishing a design system that ensures visual consistency across the application. My work includes dynamic dashboards based on Recharts to display data and complex forms validated by design patterns, adapting seamlessly to different display types. This project transformed complex financial interfaces into user-friendly, visually appealing designs that enhance user engagement and trust.
- Typescript
- Tailwind.css
- REACT
- Next.js
- Shadcn UI
- Bun
- Monorepo
Get Charta
Contributing as a Frontend Developer to Charta, a smart contract negotiation platform, I was tasked with implementing the user interface refresh using Figma designs. My primary focus involved adapting existing application logic into a new design system based on Chakra UI. I meticulously reconstructed crucial components like negotiation panels and complex forms, ensuring pixel-perfect accuracy and visual consistency. Navigating the specific structural demands of Chakra UI required careful attention, yet resulted in a polished, cohesive interface optimized for managing smart contracts, significantly improving user experience and trust in the platform.
- Typescript
- Tailwind.css
- Next.js
- REACT
- Chakra UI
- Github
Vanargand Lodge
Crafted a serene web presence for Vanargand Lodge in Dagget, MI, during my tenure at FrontPorch Solutions. Using Next.js, TypeScript, and Tailwind CSS. Simplistic and impactful, it embodies my web development prowess.
- Typescript
- Tailwind.css
- Next.js
- REACT
- Swiper.js
- Yarn
Cartagena MusicFest 2021
While collaborating with ImageID in 2021, I revitalized the online presence of the prestigious Cartagena Music Festival. I designed and developed the website's schedule, performer information, and essential elements for this renowned musical event, celebrating global culture and classical music.
- Javascript
- Wordpress
- WPBakery
- CSS
Kamaredine Properties
Revamped the online presence for Kamaredine Properties, a hotel located in Burgas, Bulgaria. Given its prime location and diverse tourism, the website is multilingual, featuring English as the primary language, along with Bulgarian and Russian. Built using WordPress and Elementor, the design process did not rely on traditional design software. Instead, the designer created a stylescape that captured the desired colors, fonts, and overall essence. I adapted this vision into a template, iteratively crafting the layout in an intuitive manner, ensuring a polished and responsive design across all devices.
- Iterative Development
- Wordpress
- Elementor
- CSS
- SEO
3D AppleVision Pro Demo
In my journey to enhance my frontend developer skills, I embarked on exploring 3D animations for web development. Embracing the Apple Vision Pro trend, I showcased its capabilities in this project. Following a freecodecamp guide, I constructed the environment in vite with react.js. To manipulate 3D objects and create animations, I utilized WebGi (powered by Three.js) and GSAP. The outcome features Apple Vision Pro glasses moving in three dimensions as you scroll, and allows interactive manipulation of the 3D object in the final section with the "try me" button.
- Javascript
- Tailwind.css
- REACT
- Webgi - Three.js
- GSAP
- Vite
Awsome Rides Gallery
As a dedicated web developer and classic car enthusiast, I tackled the creation of a dynamic car gallery project. Building on its visually simple design, I confidently crafted it without relying on tools like Figma. While I had previously created a static version using HTML and Bootstrap, this upgraded iteration utilizes advanced technologies like Next.js, Tailwind CSS, and Swiper. The result is a sleek interface showcasing diverse categories such as muscle cars, bikes, trucks, and electric vehicles. To enhance user experience, I incorporated a customizable dark mode feature.
- Iterative Development
- Typescript
- Tailwind.css
- REACT
- Next.js
- Swiper.js
- Yarn
Simon Says
Utilizing my enhanced JavaScript skills from an intensive course, I recreated the classic 'Simon Says' game. Beyond the course's scope, I refined the project, introducing additional interactions and personal touches for an engaging user experience.
- Javascript
- Bootstrap
- Vanilla.js
Zelda Memory
Strengthened skills through a JavaScript memory game, bridging the gap between fundamental understanding and advanced frameworks. Inspired by 'The Legend of Zelda,' I revamped a tutorial project, ironing out bugs and adding personalized touches.
- Javascript
- Bootstrap
- Vanilla.js
Certifications
Javascript Algorithms & Data structures
19th July 2023
Once I understood the basics, I applied my knowledge by creating algorithms for string manipulation, factorializing numbers, and calculating the International Space Station's orbit. During this process, I also grasped two key programming styles: Object-Oriented Programming (OOP) and Functional Programming (FP).
Javascript Fundamentals
21th February 2020
Mastering JavaScript fundamentals through SoloLearn was transformative. Crafting algorithms, predicting orbits, and continuous challenges sharpened my skills. Basic exposure to OOP and minimal FP. Community-driven, empowering, and immersive platform.
Programming basis
27th November 2019
Platzi took me from scratch to coding adeptness. I conquered JavaScript, grasped HTML intricacies, and honed algorithmic prowess. It guided me through expert logic, coding fluency, and crafting a complete web game. A highly effective platform for mastering complex concepts. Mastering HTML, CSS, and JavaScript Proficiency in algorithmic design Software development using functions, objects, and events Expertise in web game programmingResponsive Web Design
12th September 2019
This Responsive Web Design Certification by freeCodeCamp introduces essential web development languages: HTML for content and CSS for design. You'll create a cat photo app for HTML/CSS basics, build a penguin using modern CSS variables, and ensure accessibility with a quiz site. Discover responsive design with Flexbox for screen adaptation and CSS Grid for magazine layouts.Full CSS Course
26th June 2018
Explored CSS on SoloLearn, mastering styling techniques. Learned about selectors, properties, and layout tools. Implemented responsive designs with media queries. Built a personal project, honing skills in CSS animations, transitions, and Flexbox layouts. Gained practical CSS expertise through interactive challenges.HTML Fundamentals
10th June 2018
Completed a comprehensive web layout course on SoloLearn, focusing on HTML mastery. Covered essential concepts like semantic tags, forms, and multimedia integration. Built diverse webpage structures, from simple layouts to complex grid systems. Applied learned skills to design and code interactive websites, fostering solid HTML proficiency