João Pedro Mergulhão.

João Pedro Mergulhão

INTRODUCTION

Let's build scalable and secure applications together!

Hello! I’m João Pedro, a Software Engineer specializing in building scalable, high-performance applications. I am skilled in React, Next.js, and TypeScript for the front-end, and proficient in Node.js, Express, and SQL/NoSQL databases for full-stack development.

See more seta

ABOUT ME

Discover Who I Am

Welcome to my personal space! Here, you'll get to know a bit about my journey, passions, and what drives me.

My name is João Pedro, and I'm a Software Engineer currently pursuing a degree in Computer Science at the International University of Applied Sciences. In 2024, I specialized in Full Stack Web Development, acquiring hands-on experience in designing and delivering robust, end-to-end solutions.

My programming journey started in 2019 during my engineering studies, when I took an Object-Oriented Programming course in C++. That experience sparked my passion for coding and led me to shift paths and pursue a career in computer science.

I actively participate in hackathons and was proud to win the Unicap Innovation Saturday by developing a gamified app prototype aimed at enhancing user engagement during the Recife Carnival. These experiences have sharpened my problem-solving abilities and deepened my passion for crafting user-focused solutions.

My professional goal is to build meaningful projects that stand out and deliver exceptional user experiences. I leverage my Full Stack capabilities (Node.js, Java, Python) and expertise in best practices to architect complete, scalable applications. I'm also passionate about sharing knowledge and documenting my journey in tech, which is why I create educational content on social media to help other developers and inspire those entering the programming world.

Presenting a project Instagram post about React Hooks The Pule! app team wins Unicap Innovation Saturday Instagram post about Object-Oriented programming in JavaScript

PROFESSIONAL EXPERIENCE

My Journey as a Software Engineer

Discover my professional path. Here I showcase the companies and projects where I have applied my skills, collaborated with teams, and delivered impactful solutions that added real value.

  • SkyIt Services logo

    SkyIT Services | Subsidiary of GBCS Group

    Calgary, Alberta, Canada · Remote

    • Full Stack Engineer · Part-time

      Sep 2025 - Present

      • Designed, implemented, and reviewed integrations between React + TypeScript and APIs built with Node.js + Express in collaboration with the back-end team, improving system performance and reducing production bugs
      • Drove a cross-functional team of front-end and back-end developers with the support of artificial intelligence as a technical guide, ensuring on-time deliveries and increasing team performance by 40%.
      • Strengthened authentication security by replacing localStorage with httpOnly cookies, significantly reducing exposure to XSS vulnerabilities in production environments.

      Tech Stack & Tools: React.js, Next.js, TypeScript, JavaScript (ES6+), Tailwind CSS, Bootstrap, Mantine, PrimeReact, Node.js, Express, Python, Django, Git, GitHub, Agile/Scrum, Lean.

    • Frontend Developer · Internship

      May 2025 - Aug 2025

      • Optimized login screen, reducing load time from 1 minute to 1 second by implementing state management with useContext() from React + TypeScript and centralizing user data.
      • Developed reusable components using React, Next.js, TypeScript, and Tailwind CSS in a modular architecture, accelerating delivery by 30% while ensuring responsiveness and accessibility.
      • Created and documented frontend coding standards, reducing onboarding time by 50% and doubling team delivery speed.
      • Fixed broken dependencies and adjusted the package.json in legacy frontend code, restoring project stability and enabling development to resume after a 1-year halt.

      Tech Stack & Tools: React.js, Next.js, TypeScript, JavaScript (ES6+), Tailwind CSS, Mantine, Node.js, Express, Git, Github, Agile/Scrum, Lean.

SKILLS

Knowledge And Skills

Explore my skills and knowledge as a developer. Here, I present the technologies I have mastered and how they converge in outstanding projects, driving excellent results.

HTML
HTML
CSS
CSS
JavaScript
JavaScript
React
React
Redux
Redux
TypeScript
TypeScript
Bootstrap
Bootstrap
Electron
Electron
Firebase
Firebase
Jquery
Jquery
MongoDB
MongoDB
MySQL
MySQL
Git/GitHub
Git/GitHub
Node.js
Node.js
Vue.js
Vue.js
Java
Java
English
Spanish
Germany

DESCRIPTION

Hover over the skill icons to discover my experience with each one.

PORTFOLIO

Projects I Developed

I present a selection of the projects I have developed, highlighting my ability to combine design and effective functionality. This portfolio reflects my commitment to creating impactful online experiences that yield significant results.

Apple AirPods Max Website
Apple AirPods Max Website

Node.js, Three.js, JavaScript, OpenCage API, AOS.js, CSS, HTML

Immersive e-commerce experience with an interactive 3D product viewer, geolocation-based personalization, and a seamless checkout flow—designed to enhance engagement and user interaction.

Visit the project Repository
FURIA+
FURIA+

React.js, React Router, React Hook Form, Redux, Firebase, JavaScript, Driver.js, AOS.js, CSS, HTML.

Prototype for the FURIA Challenge featuring news, engaging quizzes, a dynamic rewards system, game reprises, and an interactive chatbot. Built with Firebase, Redux, and a mobile-first UI.

Visit the project Repository
Pule! app
Pule! App

React.js, React Router, Redux, Firebase, JavaScript, Leaflet.js, AOS.js, CSS, HTML.

Winner of Unicap Innovation Saturday, Pule is a gamified prototype for Recife’s Carnival, featuring an interactive map, Firebase authentication, Redux state management, and a mobile-first, user-friendly design.

Visit the project Repository
Lamborghini Aventador Website
Lamborghini Aventador Website

React.js, React Router, JavaScript, CSS, HTML

Immersive product landing page featuring a dynamic background that transitions between video and images, synchronized with smooth animations and React Router navigation to deliver a premium, cinematic user experience.

Visit the project Repository