Renan Augusto Dembogurski, Developer in Juiz de Fora - State of Minas Gerais, Brazil
Renan is available for hire
Hire Renan

Renan Augusto Dembogurski

Verified Expert  in Engineering

Computer Graphics Developer

Juiz de Fora - State of Minas Gerais, Brazil

Toptal member since March 4, 2016

Bio

Renan is a software engineer with a master's degree in computer graphics. He has a wide breadth of experience in software development in various languages, such as JavaScript, TypeScript, Java, C, and C++. As an all-around developer, he is always looking for creative ways to finish projects.

Portfolio

ConferenceDirect, LLC
React, C#, .NET, Azure, SQL, Azure Functions, Microsoft SQL Server...
Toptal Client
Angular, .NET, Amazon Web Services (AWS)
Location Based Holdings, Corp
Angular, Angular Material, TypeScript, Google Maps, Leaflet, Deck.gl...

Experience

  • JavaScript - 7 years
  • Angular - 6 years
  • TypeScript - 5 years
  • CSS3 - 4 years
  • PrimeNG - 4 years
  • Computer Graphics - 3 years
  • React - 2 years
  • Next.js - 1 year

Availability

Part-time

Preferred Environment

GitHub, WebStorm, Sublime Text, Windows

The most amazing...

...thing I've coded was an online editor to support the process of strategy evaluation of cogeneration plants.

Work Experience

Full-stack Developer

2023 - 2024
ConferenceDirect, LLC
  • Developed the front end for three different web applications using React, Blazor, and .NET 6/8, focusing on creating performant, user-friendly interfaces.
  • Translated Figma designs into responsive components, ensuring pixel-perfect implementation in collaboration with designers.
  • Implemented complex data visualizations using Dc.js and D3.js, enhancing user interaction and data comprehension on the client side.
  • Collaborated closely with a full-stack developer and product manager, ensuring seamless back-end integration and alignment with project goals.
Technologies: React, C#, .NET, Azure, SQL, Azure Functions, Microsoft SQL Server, Microservices, Microservices Architecture, Blazor, DC.js, D3.js

Front-end Developer

2022 - 2022
Toptal Client
  • Provided consultation for the client's next steps and regarding the state of the application.
  • Researched the possibilities and suggested a new UI library that was used. Solved what needed to be done to finish the application.
  • Completed the work and provided follow-up services for the client.
Technologies: Angular, .NET, Amazon Web Services (AWS)

Elite Angular 7, 8 Front-end Engineer

2020 - 2022
Location Based Holdings, Corp
  • Reworked and expanded the front-end, which consisted of upgrading the Angular version from 6 to 14, replacing the map library with Leaflet.js, and expanding/separating the code from a single module into several independent lazy-loaded modules.
  • Added hundreds of unit/integration tests, with more than 70 new components and 30 services, the proper configuration, including a proxy if needed, a UI library with a custom theme, SCSS instead of CSS, nested routing, and documentation to the README.
  • Added 12 modules, including a shared one to reuse components/services and an admin one for admins only; guards for sensible routes, an idle system that kicks the user after a timeout, an interceptor to handle authorization, and errors automatically.
  • Updated all library versions to newer ones. Most components are fully responsive with Cypress as the testing framework. Components used a change detection strategy to OnPush to improve performance. The project used the Ivy compiler.
  • Updated the project configuration to match newer Angular versions. The entire communication system uses emitters/subscriptions instead of only simple data binding. The application styling should be concise and use SCSS variables.
  • Removed the unused libraries, components, and assets.
  • Created multiple features, including a reports dashboard that exported information in several formats, and a map dashboard with fully customizable data to be displayed based on date ranges, activity/inactivity, and the alert status.
Technologies: Angular, Angular Material, TypeScript, Google Maps, Leaflet, Deck.gl, IT Projects, User Experience (UX), User Interface (UI), Data Visualization, Front-end, Web Development

Front-end Developer

2019 - 2019
ADS Environmental Services/IDEX Corp. (via Toptal)
  • Created features and helped in the beta release of a cloud-based collection system management platform.
  • Developed custom charts based on client needs using Highcharts.
  • Improved the layout of components on different pages using creative ideas.
  • Worked closely with the company lead developer to achieve all goals and meet the deadlines ahead of time.
  • Improved how Highcharts chart updates were integrated with Angular components. Fixed several problems when reloading, resizing, and creating pages using multiple charts sharing the same information.
Technologies: HTML, CSS, GitHub, Node.js, CSS3, HTML5, Windows, JavaScript, TypeScript, Karma, Jasmine, Highcharts, Webpack 4, C#, Angular Material, Angular, Unit Testing, RxJS, IT Projects, User Experience (UX), User Interface (UI), Data Visualization, Front-end, Web Development, Databases

Web Developer

2018 - 2019
SageBase (via Toptal)
  • Created an application to aggregate genomic evidence supporting candidate gene and module targets nominated by members of the AMP-AD consortium. The application used several different technologies, primarily Angular 6 and 8 and PrimeNG.
  • Developed several reusable components and feature modules using the Angular framework and PrimeNG premade components.
  • Built the entire front end following the defined design closely. Improved the original designs and suggested ideas whenever possible.
  • Constructed the entire back end using Express.js. This includes the creation of endpoints for the REST API, security addition with the Nginx reverse proxy, and connection/usage of the MongoDB database through the server.
  • Developed custom charts based on the client's needs using D3.js and dc.js.
  • Devised a plan including preprocessing and MapReduce techniques to summarize and display over 200MB of data in the charts without making the user download all the data with each site load and reload.
  • Created hundreds of unit tests and commented on most of the code created, making the application easy to maintain. Also added a thorough README file to the project for new developers.
  • Worked closely with a company DevOps developer to deploy the application to Amazon Beanstalk and add continuous integration to the project.
  • Created reusable scripts to download, update, and start the database for local development.
Technologies: Karma, HTML, Vis.js, Angular Material, CSS, Jasmine, GitHub, Node.js, CSS3, MongoDB, TypeScript, HTML5, Windows, DC.js, D3.js, Bootstrap, PrimeNG, Angular, Express.js, APIs, Unit Testing, Amazon Web Services (AWS), REST, Test-driven Development (TDD), RxJS, Protractor, Full-stack, IT Projects, User Experience (UX), User Interface (UI), Data Visualization, Front-end, Web Development, CI/CD Pipelines, Databases

Web Developer

2017 - 2018
OrangeAxis (via Toptal)
  • Created a slide sharing application prototype using Angular 5 and PrimeNG.
  • Developed several reusable components and feature modules using the Angular framework along with PrimeNG premade components.
  • Created and integrated complex web pages to meet the client design requirements. All the pages can be routed through navigation and each one uses a different combination of PrimeNG components working together.
  • Developed a shared module using several shared services, guards, and helpers to guarantee correct data usage and control.
  • Worked closely with the designer in charge to guarantee that the prototype would look, work, and feel just as the client requested it.
Technologies: HTML, CSS, GitHub, Node.js, CSS3, TypeScript, HTML5, Windows, Bootstrap, PrimeNG, Webpack 3, Angular, IT Projects, User Experience (UX), User Interface (UI), Front-end, Web Development, Galaxy

Software Developer

2016 - 2017
Ventrom, LLC (via Toptal)
  • Created a decision-making application using Meteor and Angular 2.
  • Supported updating legacy libraries to the latest D3.js version and migrated them from JavaScript to TypeScript.
  • Created several small and medium-sized Electron applications using Angular 2 and 4 and Webpack 2 and 3.
  • Developed an Angular module for adding custom charts to components using D3.js and dc.js.
  • Created an Angular module to use the JavaScript library Cesium serving terrain and image files in localhost.
  • Developed an Angular module to use the Three.js JavaScript library to render complex 3D scenes.
  • Optimized the bundle sizes and reduced coded duplication in Angular and Electron applications using multiple entry points in Webpack.
Technologies: Karma, HTML, Webpack 2, PrimeNG, CSS, Jasmine, Linux, AngularJS, GitHub, Node.js, CSS3, jQuery, MongoDB, TypeScript, HTML5, Windows, JavaScript, DC.js, D3.js, Electron, Webpack, Meteor, Angular, Three.js, Maps, Express.js, APIs, REST, Test-driven Development (TDD), Leaflet, Full-stack, IT Projects, User Experience (UX), User Interface (UI), Data Visualization, Front-end, Web Development, Databases

Web Developer

2014 - 2015
Universidade Federal de Juiz de Fora
  • Created a cross-platform web application to create and edit flowcharts.
  • Carried out site maintenance and update routines.
  • Supported full integration with Google Drive to save and retrieve data.
  • Created and provided templates based on real-world projects.
  • Supported a graph file import and export in various formats such as XML, CSV, and CDU.
Technologies: Node.js, CSS3, jQuery, Apache Tomcat, HTML5, Windows, Meteor, HTML, CSS, Java, JavaScript, REST, Full-stack, IT Projects, User Experience (UX), User Interface (UI), Data Visualization, Front-end, Web Development

Developer

2013 - 2014
Intrinsic Soluções em Informática
  • Improved a tool for automatically annotating mentions of DBpedia resources in text.
  • Supported the use of several languages together when doing text annotations.
  • Generated customized indexes to be used by the Lucene engine when searching for resources.
  • Generated customized named-entity recognition models.
  • Created a framework to integrate resources from a client database and DBpedia.
Technologies: IntelliJ IDEA, Linux, Windows, Apache Maven, Apache Lucene, Apache Pig, GitHub, Scala, Java, IT Projects, Front-end

Blazor and React-based Applications

https://conferencedirect.com/
In this role, I spearheaded the development of multiple web applications using React, Blazor, and .NET 6/8, with a focus on creating seamless and responsive user experiences for a meetings and events management company.

I translated Figma designs into precise, interactive React/Blazor components while collaborating closely with designers, full-stack developers, and product managers to ensure consistent project alignment. A significant part of my work involved implementing advanced data visualizations using Dc.js and D3.js, enhancing user engagement.

My contributions were key in delivering robust, scalable solutions that met high performance and user satisfaction standards.

Mobile Worker Safety Application

https://alertgps.com/
A system that provides mobile workers the ability to quickly get help if injured or threatened.

I developed the front-end entirely by myself, and it has multiple features, handling over 1000 registered users and thousands of devices. Basically, it enables the response to mobile workers and alert events, notifications, reports, general management, and visualization for the entire process.

Their solution is deployed and used by organizations in social and home health care, energy, utilities, homeland security, and many others.

Agora Website

https://agora.ampadportal.org/genes
Agora is an application to aggregate genomic evidence supporting candidate gene and module targets nominated by members of the AMP-AD consortium. It was conceived and is owned by Sage Bionetworks, and I almost entirely developed it.

Many components were developed for this project, particularly components with custom charts using D3.js and dc.js.

You can check the charts by going to this link: Agora.ampadportal.org/genes/(genes-router:gene-details/ENSG00000128564). Wait for the page to load and click on the Evidence tab.

2D Side-scroller Game

https://zaknarfen.itch.io/escape-from-the-multiverse
Escape From The Multiverse is a 2D side-scroller where the map tiles are generated using music. Players will have to react fast as the music gets more intense.

The key to playing the game is timing your jumps so that the Multiverse portal won't catch you. I've put a lot of effort into this game, and I think it is really fun to play. I hope you enjoy it as much as I did.

Augmented Reality Planet

https://youtu.be/IwnFth8NJU8
This is an augmented reality planet created using C and C++.

I created it by myself as my master's degree dissertation theme when I was a student and was responsible for the whole application, most importantly the visualization and deformation parts.

I am really proud of this project because it is not very common to see visualization and deformation of detailed meshes at the same time in computer graphics. Using parallel processing, I was able to maintain high FPS even while deforming the mesh as you can see on the video. Also, this project was published in two academic journals.

I have used several libraries to achieve this project, including ARToolKit, OpenGL, GLUT, GLU, GLUI, GLEW, and Boost libraries.
2011 - 2013

Master's Degree in Computer Graphics

Universidade Federal de Juiz de Fora - UFJF - MG - Juiz de Fora, Brazil

2003 - 2008

Bachelor's Degree in Industrial Engineering

Universidade Federal de Juiz de Fora - UFJF - MG - Juiz de Fora, Brazil

JANUARY 2023 - PRESENT

MERN eCommerce From Scratch

Udemy

DECEMBER 2022 - PRESENT

React - The Complete Guide (incl Hooks, React Router, Redux)

Udemy

Libraries/APIs

React, DC.js, PrimeNG, Leaflet, React Router, D3.js, jQuery, OpenGL, Highcharts, Apache Lucene, Node.js, OpenCV, Vis.js, Velocity.js, XNA, Three.js, RxJS, Google Maps

Tools

Redux Toolkit, Karma, Webpack 2, Webpack, Apache Tomcat, Code::Blocks, IntelliJ IDEA, Sublime Text, Webpack 3, Webpack 4, GitHub, Apache Maven, WebStorm, Microsoft Visual Studio, MongoDB Atlas

Languages

TypeScript, C, JavaScript, CSS, C#, C++, Scala, Java, HTML5, HTML, CSS3, SCSS, SQL

Frameworks

Angular, Angular Material, Express.js, Redux, Next.js, Jest, Jasmine, Unity3D, Unity, Electron, Bootstrap, Corona SDK, AngularJS, Protractor, Deck.gl, Cypress, .NET, Blazor

Paradigms

Unit Testing, Test-driven Development (TDD), REST, Functional Programming, Design Patterns, Microservices, Microservices Architecture

Platforms

Meteor, Windows, Apache Pig, Galaxy, Modulus, Linux, Amazon Web Services (AWS), Heroku, Azure, Azure Functions

Storage

MongoDB, Databases, Compose.io, MySQL, Microsoft SQL Server

Other

Computer Graphics, APIs, IT Projects, User Experience (UX), User Interface (UI), Data Visualization, Front-end, Web Development, Computational Geometry, Image Processing, Computer Vision, Augmented Reality (AR), 2D Games, Game Development, Maps, Full-stack, CI/CD Pipelines, Sprites, Sprite Sheets, Games, Parallels Business Automation, Industrial Engineering

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring