Marcel Coelho, Developer in Brasília - Federal District, Brazil
Marcel is available for hire
Hire Marcel

Marcel Coelho

Verified Expert  in Engineering

Full-stack Web Developer

Brasília - Federal District, Brazil

Toptal member since February 1, 2021

Expertise
Web DevelopmentJavaScriptReact.jsTypeScriptReduxNode.jsExpress.jsFirebaseFull-stackCSSREST APIDockerGraphQLAngularJSStripe DevelopmentSocket.IO
Bio

Marcel is a software engineer with over four years of experience with JavaScript and related technologies. He's currently focusing on React and TypeScript and is looking for opportunities to be part of a product/startup team. He's worked in various roles, including senior front-end engineer and senior full-stack engineer. Marcel joined Toptal to find projects to work on in a small, metrics-focused, highly productive team to build a great product.

Portfolio

Contentfly
JavaScript, AngularJS, Node.js, PostgreSQL, Sequelize, Agile, Jira, Scrum...
Appen
Redux-Saga, Java, Jenkins, Docker, Redux, TypeScript, React, JavaScript, HTML...
Escolare
Figma, Socket.IO, Mediasoup, WebRTC, Node.js, TypeScript, GraphQL, React, HTML...

Experience

  • JavaScript - 7 years
  • React - 5 years
  • TypeScript - 5 years
  • Redux - 5 years
  • Figma - 4 years
  • Node.js - 4 years
  • GraphQL - 2 years
  • WebRTC - 1 year

Availability

Part-time

Preferred Environment

Visual Studio Code (VS Code), Google Workspace, Slack, Discord, MacOS

The most amazing...

...project I've ever developed was a school-focused live-video chat feature, using Node.js (with Socket.IO), mediasoup, and WebRTC.

Work Experience

Senior Full-stack JavaScript Engineer

2020 - PRESENT
Contentfly
  • Helped, as the first hired engineer after the CTO, shape the direction for both the front-end (AngularJS) and back-end (Node.js, Express, and PostgreSQL) apps by making sure they would scale well and be simple to maintain.
  • Led a team of two other full-stack engineers to build both features for the core app and a spinoff product.
  • Built and helped maintain the database infrastructure as it scaled from a few hundred thousand rows into the billions.
Technologies: JavaScript, AngularJS, Node.js, PostgreSQL, Sequelize, Agile, Jira, Scrum, Kanban, Express.js, Stripe, HTML, WebSockets, REST APIs, Full-stack

Senior Front-end Engineer

2020 - 2021
Appen
  • Developed the project architecture used in most new Appen front ends using React, Redux, and Sagas.
  • Spearheaded the development of a component library written in TypeScript.
  • Organized projects in a Flux architecture, using Redux as the source of truth and Redux-saga and its generators pointing to a Spring Boot REST back end.
  • Implemented a hybrid approach using iframes and redirects to solve the challenge of keeping the old UI working along the new implementation since the JSPs (their old Java, Spring, and Stripes stack) and React apps usually render in different ways.
Technologies: Redux-Saga, Java, Jenkins, Docker, Redux, TypeScript, React, JavaScript, HTML, REST APIs

Senior Full-stack Engineer

2020 - 2020
Escolare
  • Developed both the front end, using React and TypeScript, and the back end using Firebase Cloud Functions and Hasura GraphQL.
  • Implemented a school-focused live-video chat feature using Node.js (with Socket.IO), mediasoup, and WebRTC.
  • Deployed a container and component pattern with both Recompose and Hooks; as our GraphQL client, we choose Apollo.
  • Designed most of the screens for the app (using Figma) as we didn’t have any designers on our team.
  • Managed two junior engineers using scrum methodology; held 2-week sprints with a grooming and planning meeting at the start, daily stand-ups, and a retrospective meeting once in a while.
Technologies: Figma, Socket.IO, Mediasoup, WebRTC, Node.js, TypeScript, GraphQL, React, HTML, WebSockets, REST APIs, Full-stack, Solution Architecture

Front-end Engineer

2019 - 2020
Connect
  • Developed both the Courses and Events modules for their native app using React Native. I also organized and implemented their Git into a feature branch and pull requests workflow.
  • Implemented the container and component with Recompose and Formik. When I joined the project, they were not following any single design pattern.
  • Implemented the GitFlow process to solve a big challenge when integrating code from over 20 developers working at the same time in the same app.
Technologies: Firebase, Expo, React Native, Redux, React, HTML, REST APIs

Front-end Engineer

2018 - 2019
Coopersystem
  • Rewrote most of the code when I joined the project. The team was two weeks late in the delivery and the code was very messy. I used the Flux architecture with Redux Form for input management and Redux Thunk for side effects.
  • Implemented continuous integration and delivery with Jenkins using Docker containers; it was the best deployment experience I've ever had.
  • Achieved a great delivery cadence, deploying to production almost every week.
Technologies: Java, Jest, Docker, Sonar, Jenkins, Redux Form, Redux, React, HTML, REST APIs

Freelance Developer

2015 - 2018
Freelance
  • Developed a class booking system for a local yoga studio using AngularJS, Firebase, and Node.js.
  • Built a restaurant order tracking and feedback system as a SaaS product for local restaurants using AngularJS, Firebase, Node.js, and hosted in Heroku.
  • Constructed a landing page for an alternative toys company using WordPress and jQuery.
  • Designed and developed a restaurant reward program usign Adobe XD, PHP 5, jQuery, and UIkit.
Technologies: Heroku, Adobe Experience Design (XD), MySQL, PHP 5, Google Ads, Ads, Facebook SDK, Google Analytics, Firebase, jQuery, WordPress, AngularJS, React, HTML, REST APIs

Experience

Slatus | Status Scheduler for Slack

Slack statuses are a way of looking at what other people are doing but it's hard to remember to always keep it up to date.

I developed Slatus to automate my weekly status to match my routine. I decided to transform it into a product when a lot of my friends started using it too.

Anki-based Remembering Progressive Web App (PWA)

I made a progressive web app (PWA) with TypeScript and React to help my grandma study English. The app was developed using Firebase's infrastructure and React as the front end. I enjoyed conducting a user feedback session with her and learned more about how she actually used the app.

Skills

Libraries/APIs

React, Node.js, Redux Form, Formik, Redux-Saga, REST APIs, Stripe, WebRTC, Socket.IO, jQuery, Facebook SDK

Tools

Create React App, Slack, Google Workspace, Figma, Expo, Sketch, Sequelize, Expo.io, Jenkins, Sonar, React Apollo, Google Analytics, Adobe Experience Design (XD), Jira

Languages

JavaScript, TypeScript, GraphQL, HTML, CSS, Java, PHP 5

Frameworks

Redux, React Native, Express.js, Jest, AngularJS

Platforms

Firebase, Docker, Visual Studio Code (VS Code), Linux, WordPress, Google Ads, Heroku, MacOS

Paradigms

Agile, Scrum, Kanban

Storage

Cloud Firestore, PostgreSQL, MySQL

Other

Web Development, Discord, WebSockets, Full-stack, Mediasoup, OAuth, Ads, Firebase Cloud Functions, Solution Architecture

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