This certification gave me a solid foundational knowledge of GraphQL and the Apollo tool suite to design a schema, run an Apollo Server, and perform queries with Apollo Client on the frontend. It was very fun to work with the GraphQL team and I learned a lot about the tool suite and how to use it to build a real world application.

Graph Developer - Associate

By achieving the Software Product Management Specialization, I managed to master the knowledge and demonstrate the application of Agile practices within software processes, requirements, planning, and improvement to create better software products. The final Capstone course assessed the acquired knowledge and skills in a practical scenario involving product team interactions, which simulated the development of a software product from its inception to the final delivery.

Software Product Management Specialist

The Software Development Lifecycle Specialization covers the process and practices used for software development. By completing this specialization, I improved my skills to build high-quality and secure software using SDLC methodologies such as Agile, Lean, and Traditional/Waterfall as well as to analyze a software development team's SDLC methodology and make recommendations for improvements. It also helped me to get better and comparing and contrasting software development methodologies with respect to environmental, organizational, and product constraints.

Software Development Lifecycle Specialist

This is a title I'm very proud of having acquired since it allows me to learn to develop software and web solutions from its very idea and inception stage, all the way to the entire development lifecycle, and its final delivery as a functional software product. I became capable of developing information systems by designing, developing, and installing software solutions. I'm also in charge of determining operational feasibility by evaluating analysis, problem definition, requirements, solution development, and proposed solutions.

Technologist in Analysis and Development of Information Systems

This Specialization gave me a strong foundation for working comfortably and productively in open-source development communities. It also allowed me to acquire a good understanding of the Linux environment as well as methods and tools required to successfully use it, and get familiar and experienced with Git, the distributed version control system.

Open-Source Software Development, Linux, and Git Specialist

To earn the Google IT Support Professional Certificate I completed five courses, developed by Google, including hands-on, practice-based assessments that prepared me for entry-level roles in IT support. This Specialization made me competent in foundational skills, including Troubleshooting and Customer Service, Networking, Operating Systems, System Administration, and Security.

Google IT Support Specialist

With this technical title I acquired the skills to operate computers and other communications equipment to perform data entry work as part of a larger data processing system. In addition to inputting, organizing, and cataloging data, I am also able to perform quality control checks, identifying job problems, and ensuring that job orders are completed according to schedule.

Data Processing Technician

I have worked for over 2 years as the Lead/Supervisor of a team of UX Designers. During these years, I worked helping to reassure the company's product design vision and principles by researching, conceiving, testing, designing and prototyping user experience for digital products, ensuring that these products flow logically from one step to the next, while creating high-fidelity prototypes and user interfaces that meet both users' and business' needs. I was also in charge of evaluating the consistency and usability of the final work of the team memebers by reviewing ease of use, efficiency in performing tasks, and the look and feel of the product.

Lead UX Designer

As a UX Design Consultant, I was assigned with many different tasks. From translating concepts and business requirements into user flows, wireframes, and prototypes, to reviewing and maintaining documents, prototypes and information architecture diagrams, while optimizing their interface designs. I was also in charge of identifying UX/UI problems and ideate creative ways to solve them as well as communicating scenarios, interaction models, screen layouts, design ideas, and prototypes to developers and stakeholders.

UX Design Consultant

During this role I was in charge of reviewing design prototypes to build test plans along with use case scenarios and strategic actions to ensure testing meets release requirements and deadlines. I was also tasked with analyzing the validity, functionality and feasibility of requirements and use cases, and reporting/tracking defects, errors, and bugs discovered during testing to mitigate risks and prevent software problems, while executing test cases according to project requirements, ensuring that all tested work is performed in accordance with defined standards and procedures, and collaborating with developers and designers to ensure quality and consistency throughout the testing lifecycle.

Lead Quality Assurance Tester

As a Technical Support Rep, I was responsible for technical service support to internal and external clients including: fielding and resolving technical service issues with end customers, providing troubleshooting support and identifying solutions to support to employees, customers and distributors. In addition, I also provided assistance with communication of product manuals and other technical service tools.

Technical Support Representative

I worked for almost a year as a Customer Service Rep of Greyhound. During this job, I helped customers understand the product and answered questions about their orders and reservations, which many times made me represent a role in sales. I also provided customer assistance with complaints and questions.

Customer Service Representative

I worked for a couple of years as Assitant Accountant. Part of my job included preparing financial documents such as invoices, bills, and accounts payable and receivable, completing financial reports on a regular basis, and providing information to the finance team.

Assistant Accountant

React Piano is a web app that emulates a virtual piano keyboard with a list of instruments that can be played with the actual keyboard.
It was coded in React and TypeScript, and uses the Soundfont API to generate musical notes and the browser built-in AudioContext API to get access to the user’s sound hardware.

React Piano

MiSpotify is a full-stack web app that consumes the Spotify's API to display a user's favorite artists, playlists, and tracks.
It uses React Router to navigate between pages, Node and Express for the back end, and localStorage to store the user's auth tokens.

MiSpotify Web App

Legend — an online store for Legend's uniques and cool clothing. This store is being developed for the brand to reach a wider audience and be available internationally.
Legend is a local brand from Barranquilla, Colombia making truly unique pieces that convey the peculiar idiosincracy and cultural heritage of the Colombian Caribbean Coast.

Legend’s E-commerce Store

Catstronauts is a full-stack web app that fetches a list of learning tracks from a GraphQL API and displays them in a card grid on the homepage.
 I completed this project by taking the 5-part Apollo Graph Developer - Associate Certification, taught by Apollo Odyssey.

Catstronauts

Floema is a full-stack, creative website for an online jewelry store. The website is built with WebGL and Three.js.
I'm developing this website while taking the "Building an immersive creative website from scratch without frameworks" course by Luiz Henrique Bizarro.

Floema Website

A reponsive, themable website that hosts the spanish translation of "The Swift Programming Language" book.
It's an open-source initiative built with Nextra, Next.js, Markdown, and CSS modules.

The Swift Programming Language en Español

A massive full-stack app that simulates a NASA Mission Control dashboard.
 I coded this to learn best practices and techniques to build performant full-stack applications with Node, MongoDB, and data from SpaceX and NASA.

NASA Mission Control

A Gatsby web app for Slick’s Slices — an online pizza delivery restaurant.
It's a full-stack web app built with Gatsby, GraphQL, and Sanity CMS.

Slick’s Slices

A React web app for a local seafood market that allows you to order your favorite seafood.
It's a full-stack web app built with React, Firebase, React Router, and Stylus.

Catch of the Day

A React-based todo app that allows you to create a list of tasks and let it decide what to do for you.
It's a web app built with React, Sass, and Webpack.

Indecision (Todo App)

A Vanilla JavaScript web app that consumes a food recipes API to render them. It's styled with sass.
It's written with the MVC architecture and features searching, pagination, and a DOM Updating Algorithm.

Recipeasy

A vanilla-JavaScript web app for tracking your running and cycling activities. It's styled with CSS.
It's a project created as part of The Complete JavaScript Course by Jonas Schmedtmann.

Mapty

A showcase website for 30 small JavaScript projects. Made with HTML and CSS.
The micro projects are from the Wes Bos' course — JavaScript30.

JavaScript30

A showcase website for AlterNight, your new favorite VS Code theme. Made with HTML and CSS.
AlterNight is a VS Code theme I made from scratch so I can code with my own visual style.

AlterNight Showcase Website

A dummy landing page for a real state agency. A simple website made with HTML and CSS.
I coded this project to practice CSS layout techniques, such as grid and flexbox.

Nexter

A contribution to an open-source project about examples and descriptions of the latest features of the ECMAScript specification.
I added 2020 features such as Dynamic Imports, BigInt, Nullish Coallescing and Optional Chaining operators, standardization of for-in loop's order, and more.

ECMAScript 2020 Features

AlterNight is a modern, stylish theme for Visual Studio Code, created from scratch with a curated selection of colors.
It currently offers syntax highlight for several languages and file formats, such as HTML, CSS, JavaScript, TypeScript, JSX, GraphQL, GSLS, etc.

AlterNight VSCode Theme

With this PR, I fixed an accessibility issue on the Svelte's website—not enough color contrast between a custom element's background-color and color/border-color.
I considered better to switch the yellow color for an orange/tan color (similar to the Svelte color) and a lighter background color, so it passes WCAG AA.

Fix a11y issue on Svelte’s Website

Open-source contribution to the Wes Bos’ React for Beginners course.
With this PR, I added missing propTypes to a React component used on the course.

Add Missing propTypes

Minimus is a minimalistic yet stylish theme for Visual Studio Code, that aims to boost your productivity.
It currently offers syntax highlight for several languages and file formats, such as HTML, CSS, JavaScript, TypeScript, JSX, GraphQL, GSLS, etc.

Minimus VSCode Theme

Open-source contribution to the Wes Bos’ Beginner JavaScript course.
With this PR, I fixed the arguments being passed to the .slice method of an array used on the course.

Fix Arguments for `.slice`

Open-source contribution to the Wes Bos’ Beginner JavaScript course.
With this PR, I fixed the numberSort function — a callback function to sort the items of an array based on their price.

Fix function’s return statement

Open-source contribution to the Wes Bos’ Beginner JavaScript course.
With this PR, I fixed the arguments being passed to the .splice method of an array used on the course.

Fix Arguments for `.splice`

An online store for Legend's uniques and cool clothing. This design aims to guide development for the brand to reach a wider audience and gain online presence.
Legend is a local brand from Barranquilla, Colombia. They craft pieces that convey the peculiar idiosincracy and cultural heritage of the Colombian Caribbean Coast.

Legend’s E-Commerce Website

Skools is a web app for searching schools, universities, and related services in Colombia.
The platform is intended for parents and students to find the best schools and services available.

Skools

Daviplata app is an online platform for users to transfer and receive money.
This is a flash re-design concept for the app to practice some design skills.

Daviplata App Re-design

Official re-design of the Service Plans page of Simple Mobile—a US-based prepaid, wireless service provider.
This design helped the brand to increase user conversion and retention by improving the UX.

SM’s Service Plans Page

Legend — an online store for Legend's uniques and cool clothing. This store  has been developed for the brand to reach a wider audience and be available internationally.
Legend is a local brand from Barranquilla, Colombia making truly unique pieces that convey the peculiar idiosincracy and cultural heritage of the Colombian Caribbean Coast.

Las Islas Hotel Re-design

Contrastrat.io is an online tool to check the color contrast ratio between a given pair of colors.
This app works as a helper tool for accessibility in web design and development.

Contrastrat.io

El Heraldo is a local newspaper from Barranquilla, Colombia. It is published every morning and distributed in the city and the surrounding areas.
Here, I explored with a cleaner yet fluid design and a more modern approach to the content distribution.

El Heraldo Re-design

Electricaribe is the local Energy and Electricity service provider.
Here, I designed a quick couple of screens for the Sign In/Sign Up pages of their website.

Electricaribe Portal

Logo Design for María C. Mascotas—the biggest retail store for pet products and services in Montería.
The logo perfectly conveys the brand and the company’s identity as well as its range of products and services.

María C. Mascotas’s Logo

Design of a logo for Agrodistribuidora Manosalva Rivera—the biggest agriculture-related retail store in Montería, Córdoba.
The logo perfectly conveys the brand and the company’s identity as well as its range of products and services.

Agro Manosalva Rivera’s Logo

This logo was designed for Sami’s—a local, family-owned resturant based in Montería, Córdoba.
The logo was designed to be a simple and clean representation of the brand, with a simple and clear visual identity.

Sami’s Logo

The logotype was designed to represent the luxury and welcoming vibe of the brand.
It's a cleaner design that embraces every element of the hotel.

Las Islas Hotel’s Logotype

The logo was designed to convey the lightweight and fast functionality of the brand.
It was designed to communicate the simplicity and power of the app.

VSCODESIGN’s Logo

The logotype was designed to be a simple and clear representation of the brand.
It's a minimalist yet fluid design that is easy to read and understand.

Beautype’s Logotype

I have a solid understanding of ReactJS and how it works as well as React Hooks. I'm proficient with Next.js since I've built a few web apps and websites with it, and I'm also good at Gatsby.js due to my understanding of React. I also have some fundamental familiarity with Vue.js.

React, Next.js, Vue.js, Gatsby

As a JS developer, I have a strong understanding of the language, its quirks and workarounds, and a good knowledge of async request handling, partial page updates, and AJAX as well as browser rendering behavior and performance. All of this, allows me to implement the frontend logic that represents the visual elements of a website by developing highly usable features, building reusable code and libraries, ensuring the technical feasibility of UI/UX designs, and optimizing applications for maximum speed and scalability. I also have intermediate knowledge of Swift and Python, and have experience with the UIKit and SwiftUI frameworks.

JavaScript, Swift, Python

By using CSS-in-JS solutions, I have the ability to not only style components with JavaScript but also tackle some CSS existing limitations, such as the lack of dynamic functionality, scoping, and portability when using them.

Styled Components, Emotion, Stitches

I'm a big fan of CSS preprocessors — especially of sass, because these scripting languages allow me to extend the default capabilities of CSS. This enables me to use logic in my CSS code which, ultimately, makes it easy to automate repetitive tasks, reduce the number of errors and code bloat, create reusable code snippets, and ensure backward compatibility.

Sass, Scss, Stylus

Although I have enough experience with vanilla CSS to create beautiful, responsive, and modern CSS solutions, thanks to the CSS frameworks, I also now have a better, faster, and more effective way to build responsive websites and web applications. Working with these tools, I can get a basic structure, which includes grid, interactive UI patterns, web typography, tooltips, buttons, form elements, icons, etc. This structure helps me to start quickly and efficiently when designing a website or web application.

TailwindCSS, Bootstrap

Thanks to the different PaaS solutions available today, as a software developer I've gained experience creating and managing runtime environments for developing, testing, and managing applications. These cloud-based platforms allow me to deploy applications, from simple to sophisticated, without needing all the related infrastructure (servers, databases, operating systems, development tools, etc).

vercel, Heroku, Netlify

I have experience with a few headless CMSes offered as a Software as a Service (SaaS) today. With these tools I am able to both have an interface for easily managing content (as an editor), while getting/querying APIs to build applications (as a developer), making it simpler and faster to store, edit and publish content.

Strapi, Sanity, Contentful, Keystone.js

With modern tools such as Apollo GraphQL and Hasura, I've learned to deliver a faster frontend development by simplifying data fetching and management code by getting the data in the shape I need. I can use GraphQL on top of an existing infrastructure: be it REST, existing databases, or anything else, thus I am able organize data into a clean, unified API and query it all at once.

GraphQL, Hasura, REST APIs

I have created and organized small-to-medium size non-relational databases in MongoDB and Firebase. I have also implemented authentication functionality to some web applications via Firebase/Firestore solutions.

MongoDB, Firebase, PostgreSQL

I have a solid understanding and experience with Git, the distributed version control system. I also possess experience with GitHub — for storing and maintaining source code as well as a well-defined workflow for management of source code repositories.

Git, GitHub

Working as a UX Designer for some years I've acquired an expert level at modern design tools such as Sketch, Figma, Adobe XD, etc., for designing and prototyping clean User Interfaces, high-fidelity prototypes, UX Flows, and many other Information Architecture-related diagrams.

Sketch, Figma, Framer, Adobe XD

Having studied Agile methodologies, I have the abilities to use good judgment and skills to develop a project management approach that is suitable for planning and managing the effort required to achieve a project goals within the designated project constraints. This allows me to use a high level of knowledge in blending traditional project management principles and practices with an Agile development approach in the right proportions to fit large, complex, mission-critical, enterprise-level projects and with the appropriate level of planning and provide the right balance of agility and predictability.

Mauricio Paternina
Web Developerand
UX/UI Designer
Based in B/quilla, Co.

Works

Résumé

React, Next.js, Vue.js, Gatsby

JavaScript, Swift, Python

Styled Components, Emotion, Stitches

Sass, Scss, Stylus

TailwindCSS, Bootstrap

vercel, Heroku, Netlify

Strapi, Sanity, Contentful, Keystone.js

GraphQL, Hasura, REST APIs

MongoDB, Firebase, PostgreSQL

Git, GitHub

Sketch, Figma, Framer, Adobe XD

Scrum, Kanban

Mauricio PaterninaWeb DeveloperandUX/UI DesignerBased in B/quilla, Co.

Works

Résumé

React, Next.js, Vue.js, Gatsby

JavaScript, Swift, Python

Styled Components, Emotion, Stitches

Sass, Scss, Stylus

TailwindCSS, Bootstrap

vercel, Heroku, Netlify

Strapi, Sanity, Contentful, Keystone.js

GraphQL, Hasura, REST APIs

MongoDB, Firebase, PostgreSQL

Git, GitHub

Sketch, Figma, Framer, Adobe XD

Scrum, Kanban

Mauricio Paternina
Web Developerand
UX/UI Designer
Based in B/quilla, Co.