Matheus is available for hire
Hire MatheusMatheus Grieger
Verified Expert in Engineering
Pixel Perfect Developer
Location
Erechim - Rio Grande do Sul, Brazil
Toptal Member Since
June 10, 2019
Matheus brings great enthusiasm to pixel-perfect and full-motion UIs. He can take any PSD or Figma file and transform it into a vibrant, engaging, full-life website. He has extensive experience working with front-end development and has been recognized for his outstanding work on numerous occasions. Matheus has won several Site of The Day awards for his websites.
Portfolio
Denteva, LLC
React, Front-end, CSS, HTML, UI Design, TypeScript
Mystery Tackle Box, Inc
React, JavaScript, TypeScript, Bootstrap, Responsive Layout...
Init
React, Next.js, HTML, SCSS, CSS, Cypress, JavaScript, TypeScript, Front-end...
Experience
Availability
Part-time
Preferred Environment
Git, Visual Studio Code (VS Code), MacOS, Windows, React, Front-end, Figma
The most amazing...
...project I've worked on was a website where I coded the entire UI which won two prizes.
Work Experience
Front-end Developer
2023 - 2023
Denteva, LLC
- Revitalized their codebase through the addition of TypeScript and a proper linting setup and provided a path for further improvement.
- Developed new features that will directly impact their main selling point, aided by designs and specifications.
- Troubleshot and fixed plenty of issues and identified new points that could cause issues in the future.
Technologies: React, Front-end, CSS, HTML, UI Design, TypeScript
Front-end Software Engineer
2022 - 2023
Mystery Tackle Box, Inc
- Helped migrate all their services away from older technology to React and related frameworks, using cutting-edge tools like Vanilla Extract and Tailwind CSS.
- Fixed bugs reported by the QA team using Jira as a reporting tool.
- Suggested ways to better organize the repository structure and libraries to make the project future-proof and easier to work with.
Technologies: React, JavaScript, TypeScript, Bootstrap, Responsive Layout, Cross-browser Compatibility, Node.js, Tailwind CSS, Front-end, User Experience (UX), User Interface (UI), Next.js, BrowserStack, Jira, Axios, GitFlow, Web UX, Responsive, HTML, Web UI, HTML5, CSS
Senior Front-end Developer
2020 - 2023
Init
- Developed a data visualization app capable of being embedded in any website without using Iframes. Worked on an app with many challenges, from data processing to chart creation to being embedded without losing any features.
- Developed a full-featured content management panel currently used in many different projects and websites, from simple ones to eCommerce.
- Implemented multiple Next.js websites, from simple blogs to eCommerce. These projects use SCSS and TypeScript, pulling data from an external REST API.
Technologies: React, Next.js, HTML, SCSS, CSS, Cypress, JavaScript, TypeScript, Front-end, User Experience (UX), User Interface (UI), Tailwind CSS, Redux, GitLab, Axios, Trello, REST APIs, Responsive Layout, Responsive, Pixel Perfect, Cross-browser Compatibility, Figma, Web UI, HTML5
Full-stack Developer
2020 - 2020
Beck's Analytics
- Developed the front end for a website using React and Next.js with TypeScript.
- Completed the website back end and API with Strapi.
- Set up servers on Amazon AWS with automated deployment through CodeShip.
- Guided clients on best practices and assisted with technical debt.
- Set up email and subscription lists through Gmail and Mailchimp.
Technologies: JavaScript, HTML5, Responsive UI, Web UI, React, Responsive, Pixel Perfect, Next.js, TypeScript, GitHub, Git, NPM, CSS, HTML, Front-end, User Experience (UX), User Interface (UI), Axios, UI Development, REST APIs, Responsive Layout, Figma
Front-end Developer
2017 - 2019
Agro1
- Maintained the legacy web app built on AngularJS and jQuery.
- Maintained the legacy hybrid mobile app built on AngularJS, Ionic, and Cordova.
- Bootstrapped new projects using newer and more modern technologies such as React and Vue.js.
- Supported the development team with front-end questions and problems.
- Created and maintained new hybrid mobile cross-platform applications using Ionic 4, React, and Capacitor.
- Led the development of a new web app for agricultural machinery statistics, telemetry, and data crossing.
- Revamped all apps via UI improvements such as animations, general organization, and color adjustments.
Technologies: JavaScript, HTML5, Responsive UI, Web UI, React, Ionic 3, TypeScript, GitHub, Git, NPM, Node.js, Vue, Angular, AngularJS, CSS, HTML, Front-end, UX Design, UI Design, User Experience (UX), User Interface (UI), React Native, BrowserStack, Jira, Cordova, Vue Router, Axios, Vuetify, Ionic 4, Webpack, Postman, UI Development, Web UX, REST APIs, SCSS, Responsive Layout, Responsive, Cross-browser Compatibility
Front-end Developer
2016 - 2017
Compasso Tecnologia
- Created pixel-perfect websites and slices using Photoshop.
- Aided back-end developers with front-end problems during development.
- Developed an AngularJS web app for managing phone support calls.
- Created an internal, simplified foundation for starting new front-end projects used by the team.
- Improved communication between back-end and front-end developers, reducing the probability of project delays.
Technologies: JavaScript, HTML5, Responsive UI, Web UI, PSD Slicing, Responsive, Pixel Perfect, NPM, AngularJS, jQuery, CSS, HTML, Front-end, User Experience (UX), User Interface (UI), PSD to HTML, Cross-browser Compatibility, GitFlow, Adobe Photoshop, UI Development, SCSS, Responsive Layout
Web Developer
2013 - 2016
Seen Digital
- Sliced Photoshop designs into code using the newest front-end technologies available.
- Developed small back-end applications and supported live, deployed websites.
- Trained clients to use a custom CMS built on the Kohana framework.
- Created, brainstormed, and prototyped new projects and websites.
- Managed a small full-stack team that included front and back-end developers and designers.
- Created a web and hybrid Android app for a client allowing customers to customize and order chairs and armchairs directly from the store.
- Developed project management systems that were used by the company internally.
Technologies: JavaScript, HTML5, Responsive UI, Web UI, PSD Slicing, Responsive, Pixel Perfect, Less, AngularJS, jQuery, CSS, HTML, Front-end, UX Design, UI Design, User Experience (UX), User Interface (UI), PSD to HTML, Cross-browser Compatibility, Adobe Photoshop, Kanban, Bootstrap, UI Development, SCSS, Responsive Layout
Web Developer and Designer
2012 - 2013
VK2 Studio Web
- Coded websites using a CMS built on top of CodeIgniter 2, and MySQL.
- Designed and prototyped websites for clients using tools such as Photoshop.
- Developed front-end websites using a restricted range of technologies due to client limitations.
- Supported Internet Explorer 7 and up on every website, making adjustments and fixes as needed.
- Supported clients via email, phone, and in person.
- Created basic content for websites and set up SEO.
Technologies: JavaScript, Web UI, PSD Slicing, Pixel Perfect, jQuery, CSS, HTML, Front-end, UX Design, UI Design, PSD to HTML, Cross-browser Compatibility, Adobe Photoshop, UI Development
Experience
Optimization of Lazy Loading
https://matheusgrieger.github.io/vue-clazy-load/This component was designed for use with Vue.js, to simplify the lazy loading of images greatly. While many projects do the same, this one stands out by toggling components instead of background images, allowing for animations, transitions, and all sorts of manipulations that others usually don't utilize. Another outstanding feature is that it weighs just one kb zipped, and uses the newest web APIs available for scroll observation such as Intersection Observer, so it has zero dependencies.
CSS Reel Award: Vestibular IMED
A bright and interactive website that won the Winner Of The Day award by CSS Reel. The front end I helped develop included parallax particles hovering on the page, and animations on every corner, and was notably optimized for low-end devices, including a separate and simplified mobile version.
CSS Reel, and Winner Awards: Bellevie Website
I won two awards for this website, which included an app that allowed one to custom-create their choice of chairs and armchairs, and order them directly from the store. I was responsible for coding the entire front end, and web app.
Beck's Analytics
A canceled project where I was the full stack developer responsible for the front and back-end development, as well as setting up hosting and CI. It is built on top of React and Next.js, using TypeScript and SCSS. The back end is developed on Strapi and hosted on Amazon AWS.
Skills
Languages
HTML5, HTML, JavaScript, CSS, SCSS, Less, TypeScript
Libraries/APIs
Vue 2, React, REST APIs, Node.js, jQuery, Vue
Paradigms
Responsive, Responsive Layout, UX Design, Functional Programming, Kanban, UI Design
Other
Web UI, Responsive UI, PSD Slicing, PSD to HTML, Pixel Perfect, Vue Router, Axios, Front-end, Web UX, Cross-browser Compatibility, GitFlow, ParcelJS, UI Development, User Experience (UX), User Interface (UI), Cordova, Strapi, Design
Frameworks
Next.js, Vuetify, Ionic 4, Ionic 3, Tailwind CSS, AngularJS, Angular, React Native, Cypress, Bootstrap, Redux
Tools
Vue CLI, NPM, Git, GitLab, GitHub, BrowserStack, Webpack, Adobe Photoshop, Postman, Jira, Trello, Figma
Platforms
MacOS, Visual Studio Code (VS Code)
Education
2013 - 2017
Bachelor's Degree in Information Systems
IMED - Passo Fundo, Rio Grande do Sul, Brazil
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