MFWEBSTUDIO
Welcome folks
I'll show you a bit about me.
Hi, my name is Mayke
I made this website to show you some of my skills.
About me
Let's take a look at my profile

Mayke Freitas

Problem Solver
Rio de Janeiro - Brazil
mayke.sargento@gmail.com
I've been working as a developer for 10 years. I really like to use technology to solve problems.
As a developer I hate when I need to be repetitive for anything. So I usually automate everything I can, cause my principal resource, is my time.
I'm the kind of developer that prefer to spend an hour or two creating some tool to help me then spend a lot of time doing copy and paste.
That's why, over time, I got some love for building tools for other developers.
As I've been working as a tech leader and as a developer at the same time, I always need to find solutions to do things fast, good, and maintainable.
There are 4-5 years that I'm working full time remote and I had the experience to be the leader of front-end and design teams, so I had the chance to learn a lot building a design system and refactoring a big legacy monolith.
Refactoring is one of my favorite words, so I don't hesitate when I have a challenge to refactoring something. It can be UI, front end, back end, or even deployment flows and scripts. I really like to do that.
The Fullstack
Here is the technology and tools that I have solid knowledge.
Frontend
Design
advanced
Figma
Sketch
Atomic Design
Design Tokens
Design System
CSS
advanced
Responsive Design
SCSS
CSS Modules
CSS in JS
Vanilla JavaScript
advanced
ES6+
advanced
Typescript
intermediate
React
advanced
UI Components
Redux
React Native
VueJS
advanced
UI Components
Vuex
Svelte
advanced
UI Components
Storeon
InertiaJS
advanced
Stimulus
advanced
jQuery
advanced
What I built in Frontend recently:
  • A from zero to hero frontend architecture for a team of 10+ developers working on a website with 150+ million page views per month.
  • A component system to work in Ruby on Rails with CSS Modules in server-side rendered ERB templates.
  • An advanced Webpack configuration for development, staging, and production with code splitting and performance optimizations.
  • A Webpack loader to handle CSS Modules in ERB templates.
  • A PostCSS plugin to work with themes in a large CSS source.
  • An architecture with Svelte, Inertia, and Storeon for a project with many user interactions.
  • A CLI to generate code for components and pages following the project pattern.
  • An advanced select input made with Svelte with remote requests and rendering virtualization.
  • I'm doing a side-project called FrontStudio. It's a Tailwind CSS cloud-based page builder.
Backend
NodeJS
advanced
Express
Deploy Scripts
CLI Development
Serverless
Ruby on Rails
advanced
PHP
advanced
C#
advanced
Python
beginner
MVC architecture
advanced
NuxtJS
intermediate
NextJS
intermediate
Gatsby
intermediate
Laravel
intermediate
GraphQL
intermediate
Serverless
intermediate
Hasura
beginner
Prisma
beginner
What I built in Backend recently:
  • An custom implentation of InertiaJS in a Ruby on Rails big project.
  • An AWS lambda service to print large amount of data as PDF with a self templating system.
  • A microservice to handle Svelte SSR to use in a Ruby on Rails application as a custom render layer.
  • A GraphQL backend with Hasura and lambda functions for my side project that is a TailwindCSS Page Builder. I'll show you some spoiler about this project soon.
  • A fullstack project using Python on backend to fetch ans sync a lot of data from Google Analytics, Facebook and some other sources to create customized charts in a React Dashboard as an MVP for a SaaS product.
Build Tools
Webpack
advanced
Optimization for dev environments in big projects with tons of modules
Code Splitting
Creation of custom loaders
Creation of plugins
Configuration for multiple environments
PostCSS
advanced
Gulp
advanced
Grunt
advanced
What I built in Build Tools recently:
  • A custom loader to handle CSS Modules in ERB files.
  • An optimized configuration for development and production environments in a project with 6k+ modules.
  • Optimization from 12min to 1min in the startup of a webpack development environment of a project with 6k+ modules.
  • Bash scripts to package and deploy a large Ruby on Rails project including backend, frontend, and scale scripts for AWS CodeDeploy.
  • A PostCSS plugin to make props values variations simple for themes creation. Like dark themes.
Infrastructure
AWS
intermediate
CodeBuild
CodeDeploy
Elastic Beanstalk
S3
Cloudfront
Digital Ocean
intermediate
Docker
advanced
Docker Compose
Custom image creation
Dockenizing Development Environments
Gitlab CI
advanced
Circle CI
advanced
Travis CI
advanced
What I built in Infrastructure recently:
  • Dockenization of the development environment of a big monolithic Ruby on Rails application.
  • Refactoring of the build and deploy scripts of an entire application with some microservices and an integrated frontend project.
  • My own remote development environment using a Macbook as my primary computer and a PC with Ubuntu as my remote development environment. Now Chrome can eat more RAM from the Macbook :joy.
Spoiler Alert
This is my side-project. A TailwindCSS Page Builder