Magdiel is available for hire
Hire MagdielMagdiel Kessler Oliveira Duarte
Verified Expert in Engineering
Front-end Developer
Location
Belo Horizonte - State of Minas Gerais, Brazil
Toptal Member Since
June 10, 2020
Magdiel is a front-end web application architect and developer with proven success designing, integrating, and deploying scalable, data-driven web and mobile solutions targeting diverse audiences using JavaScript, HTML, and CSS. Magdiel spent the past several years using a myriad of JavaScript frameworks to create the best apps possible so he can adapt quickly to your technology stack.
Portfolio
AvantStay
React Testing Library, Cypress, Redux, MobX, Webpack, TypeScript, React, CSS...
Tienda Nube
Webpack, Continuous Delivery (CD), Continuous Integration (CI), REST APIs...
Beat 81
Fastlane, Continuous Delivery (CD), Continuous Integration (CI), Redux, Jest...
Experience
Availability
Part-time
Preferred Environment
Node.js, React Native, React, HTML5, CSS, JavaScript
The most amazing...
...thing I've developed is an analytics dashboard which was used by the company to get $20 millions in investment.
Work Experience
Senior Front-end Engineer
2019 - PRESENT
AvantStay
- Developed from scratch a web analytics dashboard that helped the company to get $20 million in investment.
- Tracked user events using Google Analytics and FullStory as well as using the Sentry tracking app for bugs and fixes.
- Developed the web version of house manuals (a PWA).
Technologies: React Testing Library, Cypress, Redux, MobX, Webpack, TypeScript, React, CSS, HTML, JavaScript
Senior Front-end Engineer
2019 - 2019
Tienda Nube
- Developed the mobile and web version of the checkout-tracking page.
- Increased scalability utilizing the Redux application architecture.
- Helped the team to find performance issues as well as fixing them.
Technologies: Webpack, Continuous Delivery (CD), Continuous Integration (CI), REST APIs, Enzyme, Jest, Redux, Node.js, Next.js, React
Senior Front-end Engineer
2018 - 2018
Beat 81
- Developed a workout mobile app and was responsible for the app's architecture.
- Created the algorithm to connect with 28 Bluetooth sensors from a tablet which captured the user's heart rate per second.
- Made contributions to the app which helped the business grow to four countries.
Technologies: Fastlane, Continuous Delivery (CD), Continuous Integration (CI), Redux, Jest, Styled-components, React Native, React
Senior Front-end Engineer
2016 - 2018
Hotmart
- Developed from scratch a web analytics dashboard.
- Built a BI platform from scratch, helping the company to be data-first.
- Developed websites and landing pages which helped international producers to sell more.
Technologies: Webpack, Jenkins, Continuous Delivery (CD), Continuous Integration (CI), Sass, Node.js, MobX, React, Meteor, D3.js
Freelance Front-end Developer
2017 - 2017
Farmaki
- Developed a store app like Google to find medicine using React Native, MobX, and Styled Components.
- Developed the store owners' app to manage orders and order statuses.
- Completed the website using AngularJS and fixed bugs and implemented the responsive details of the MVP.
Technologies: Fastlane, Continuous Delivery (CD), Continuous Integration (CI), Styled-components, AngularJS, MobX, React Native, React
Freelance Front-end Developer (Part-time)
2015 - 2016
EzDelivery
- Built the first shop owner's dashboard using AngularJS.
- Developed a static blog using just HTML5, CSS3, and JavaScript.
- Created an official landing page using HTML5, CSS3, and JavaScript.
Technologies: Gulp, Node.js, Karma, Jasmine, Sass, AngularJS
Senior Front-end Engineer
2015 - 2016
UFMG | Universidade Federal de Minas Gerais
- Developed an owner CMS for the new UFMG university portal.
- Maintained the CMS architecture and worked together with back-end engineers and designers.
- Developed new features on the picture database dashboard.
Technologies: Gulp, Node.js, Karma, Jasmine, Sass, AngularJS
Front-end Developer
2015 - 2015
Publix
- Developed management systems by demand along with dashboards and a CMS.
- Built marketing landing pages, institutional websites, and blogs.
- Created marketing games using just HTM5 and JavaScript.
Technologies: MySQL, PHP, Laravel, JavaScript, CSS3, HTML5
Front-end Developer
2015 - 2015
PedroRocha.net
- Developed the PartidoNovo app using Ionic and CoffeeScript.
- Built an Ionic generator scaffold as an open-source project.
- Developed a marketing app to share notes with people you love using Ionic and CoffeeScript.
Technologies: Ionic, Gulp, Node.js, Karma, Jasmine, Sass, AngularJS
Front-end Developer
2014 - 2015
DialHost
- Built dashboards to manage domains like DNS and CNAME configuration.
- Developed marketing websites to share and sell products.
- Constructed internal dashboards and products to help the CX team.
Technologies: Gulp, Grunt, JavaScript, CSS3, HTML5
Experience
GraphQL DevTools
https://github.com/dielduarte/graphql-devtoolsGraphQL DevTools is "framework-less" which means that the tool works regardless of the GraphQL that the client chose. It is an open-source project and uses TypeScript, React, and XState as a state management library.
Personal Blog
http://dielduarte.github.io/blog/This is my personal website and blog which is written in Elm and Gatsby. Starting in 2020, I am trying to write at least one post per month. I've written about remote work and JavaScript in general like how to master code splitting using Webpack.
Animate CSS Styled Components
https://github.com/dielduarte/animate-css-styled-componentsAnimate CSS Styled Components is an open-source project which is basically a porting of Animate.css Library to Styled Components. It helps developers to be more productive working with animations when using CSS in JavaScript.
GraphQL Changes Slackbot
https://github.com/dielduarte/schema-diff-botThis is a schema diff bot and it's basically a Slackbot that sends a message with the differences on the desired channel when the API is updated. The idea is to keep all developers in the same place with schema updates to avoid the communication gap.
Education
2010 - 2013
Certificate in Computer Technician and Web Developer
Cotemig Technical College - Belo Horizonte, Brazil
Certifications
APRIL 2020 - PRESENT
English Course
Stafford House Toronto English school
Skills
Languages
JavaScript, HTML5, CSS, SQL, HTML, TypeScript, Sass, CSS3, PHP
Frameworks
Redux, Jest, React Native, Cypress, Next.js, AngularJS, Jasmine, Ionic, Laravel
Libraries/APIs
React, Node.js, MobX, React Testing Library, REST APIs, D3.js
Tools
Webpack, Rollup, Figma, Fastlane, Jenkins, Karma, Gulp, Grunt
Paradigms
Functional Programming, Continuous Integration (CI), Continuous Delivery (CD)
Other
ParcelJS, Enzyme, Styled-components
Platforms
Meteor
Storage
MySQL, MongoDB
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