📝 Summary


My first job as a front-end web developer was working on creating user interfaces with HTML, CSS, JavaScript, and jQuery to enhance user interactions. Throughout my career, I've acquired more knowledge and learned things like CSS transitions, CSS Flexbox and CSS Grid to create interfaces with more precision, use media queries, and apply viewport units for texts to create a responsive design. I've worked with the respective tools to create beautiful user interfaces, sites, and landing pages. Since pure CSS, later I used SASS, LESS, and PostCSS to extend CSS. I've used some techniques for CSS architecture, such as BEM, SMACSS, and CSS modules. Also, later I used CSS-inJS approaches with styled-components and emotion. Among my experiences, I've used some libraries such as Bootstrap, Tailwind CSS, Ant Design, Material-UI(MUI), and Chakra UI to create solid interfaces. I've worked with Javascript for the past nine years and the last four years with Typescript. I've used the front-end with jQuery and third-party libraries, React, Redux, Angular.js, and for testing and automation using Mocha.js and, later on, Jest.

🎨 Projects


Passwordless

is an open-source example of using Next.js and NextAuth.js with Prisma.js to create an authentication flow with passwordless sign-in mechanisms and styled with Tailwind CSS.

https://github.com/mateussmohamed/passwordless

Demo: https://password-less.vercel.app

Titter

It is an open-source example of using Next.js and LocalStorage to create a clone of Twitter, styled with Chakra UI.

https://github.com/mateussmohamed/titter

Demo: https://tittter.vercel.app

Dreamshare

Example of an Implementation of layout using React and Atomic Design and styled with styled-components

https://github.com/mateussmohamed/dreamshare

Demo: https://sharedream.vercel.app

Veek

Example of an Implementation of layout using React and Atomic Design and styled with styled-components

https://github.com/mateussmohamed/challenge-veek