Hello! Im Matheus Mendes and im a full-stack engineer

Things I've worked on

Dema

Analytics platform for E-commerce

Work

vercel-ui

Design library inspired by Vercels design system

TypeScript

Sideproject

css-only-rubiks-cube

A spinning Rubik's Cube with functionality all made with CSS only

CSS

Sideproject

lucio

TLDR; Leetcode and CSS Battles into one platform

TypeScript

341

Sideproject

Acasting.se

Modern casting platform

Work

About me

I am a full-stack developer with experience in web applications and apps.

At my current job, I work as a software engineer working on implement a data driven web ui for an analytics platform @Dema

First line of code

September 2019

First software engineering job

May 2021

Total prod crashes

1 oops :(

What do I know?

Front-end development

React
React Native
Redux
Next.js
Svelte
Tailwind
Chakra UI
SASS

API

REST
tRPC
Node.js
GraphQL
Apollo

Back-end development

SQL
Express
Nest.js
MongoDB
Mongoose
Prisma
Firebase

Languages

Typescript
Golang
Swedish 🇸🇪
English 🏴󠁧󠁢󠁥󠁮󠁧󠁿
Portuguese 🇵🇹
Spanish 🇪🇸

Devops & CI/CD

Docker
Jest
EsLint
Puppeteer

Rank #1000 on CSS Battles

I really like CSS (I don't really get the hate), and one of my favorite sites is CSS Battles where you can compete with CSS. I used to play it a lot and at one point I got to rank 800, but now im sitting at around 1000. There is about 350k total users on the platform.

Matheus Mendes

53700.24 points

(84 Targets)

#1146

Rank #36 in the world

Rank #74 in the world

Rank #36 in the world

Rank #38 in the world

Rank #52 in the world

Rank #62 in the world

Rank #86 in the world

Rank #74 in the world

3785 total github contributions in the last year

Dema.ai

Software engineer, April 2023 - Now

Full-stack ownership of the web-app.
- Improved table performance by 100x.
- Fully changed UI and UX flows.
- Owned internal state management with Jotai
- Led many end-to-end features
Built our Shopify integration handling all order and inventory data for our Shopify customers. Later, I created a monorepo for all our other e-commerce integrations, saving multiple hours of dev-time for our engineers. Used Turborepo and deployed it to K8s
Bought a Polaroid camera on my very first day, which has taken well over 300 pictures and has been a core part of the internal employee branding. I also took it one step further on my 1-year anniversary and created a custom page with all Polaroids. See it here

Live site

Dema (the company I work at) is an analytis platform for e-commerce that help companies understand there profitably. Its a very cool platform and down below is a small replica I made to showcase sort of how it looks but also some things you can do. Of course there is A LOT more to the platform than what is down below:)

Dashboard

Reports

Optimizations

Settings

Starting view

Show compare

Channel

Channel group

Visits

Sales

Instagram

Vercel UI

Creator and sole maintainer, 2024

Design library inspired by Vercels design system. It's the same concept as ShadcnUI but does tackle some issue I felt ShadcnUI skips over, like handling multi-part components with multiple different sizes for example.

Repository Live site

graygray-subtlebluepink-subtlegreengreen-subtletealteal-subtleblue-subtlepurplepurple-subtlegraygray-subtleblueblue-subtlepurplepurple-subtleamberamber-subtleredred-subtlepinkamberamber-subtleredred-subtlepinkpink-subtlegreengreen-subtletealteal-subtle

npm init next-app

Blue

Matheus

Is this red?

Vaaarning

npm init next-app

npm init next-app

Blue

Matheus

Is this red?

Vaaarning

npm init next-app

npm init next-app

Blue

Matheus

Is this red?

Vaaarning

npm init next-app

CSS only Rubiks cube

October 2022

The project below was made with a total of ZERO lines of Javascript, its all just CSS. Every animation, hover effect and button click is just a combination of some clever CSS code.

I made this because a friend told me it was not possible to do, so out of spite, I had to prove him wrong. Thats also why if you look very closely in the bakgrund of the real website there is a lot "L"s in the bakgrund

Repository

Live site

Acasting.se

First software engineer, part time consultant, November 2023 - March 2024

Built out the entire app, end to end, together with another engineer, and launched the first version in a single month
Scaled from 0 to 20k users
Was involved in all technical decisions
Handled billions of row reads, and millions of row writes
Developed a custom in-house chat to reduce our monthly costs by over $500/month
Worked on our recommendation engine
Implemented mobile design and responsiveness
Introduced our location feature, helping 100s of casters find amongst 1000+ locations

Live site

LucioCode

April - Mars 2021

TLDR; It's Leetcode and CSS battles combined into one that I made in early 2021 for fun. This project also landed me my first job as a software engineer, so it holds a special place in my heart.

Repository

Live site

Simple addition

Easy

Given two integers, a and b, return the sum of a + b

Sample Input

a = 5 
b = 7

Sample Output

Explanation

The sum of of 5 + 7 is 12