Michelle Araujo, Developer in Florianópolis - State of Santa Catarina, Brazil
Michelle is currently unavailable

Michelle Araujo

Front-end Developer

Florianópolis - State of Santa Catarina, Brazil

Toptal member since April 23, 2025

Bio

Michelle is a senior software engineer with 7+ years of experience building scalable SaaS products from concept to production. She has experience leading front-end architecture, defining technical standards, and delivering customer-facing and internal platforms. Michelle has a background in React, Next.js, TypeScript, performance, accessibility, and developer experience, as well as hands-on back-end experience with Node.js supporting payments, onboarding, automation, and operational workflows.

Portfolio

Portless
React, Next.js, Node.js, REST, Cloud Firestore, TypeScript, Nx, Google Cloud
SYKY
Next.js, TypeScript, Tailwind CSS, GraphQL, Apollo, Zustand, Contentful, Jest...
unico IDtech
React, Next.js, Stencil.js, TypeScript, JavaScript, CSS, SCSS, Material UI...

Experience

  • JavaScript - 7 years
  • CSS - 7 years
  • HTML - 7 years
  • Web App Development - 7 years
  • React - 7 years
  • Web Accessibility - 6 years
  • TypeScript - 5 years
  • Next.js - 5 years

Preferred Environment

React, Next.js, TypeScript, JavaScript, React Query, MacOS, Slack

The most amazing...

...work I've done is leading the architecture and development of multiple Next.js platforms in an Nx monorepo, enabling teams to build and ship features faster.

Work Experience

Senior Software Engineer

2025 - PRESENT
Portless
  • Designed and implemented user invitation, onboarding, and role management flows for internal and client-facing platforms, replacing manual operational processes.
  • Built back-office features that enabled customers to self-manage users, reducing support overhead and improving the onboarding experience.
  • Automated billing workflows using Inngest and migrated payment processing from 40Seas to Stripe, enabling on-platform payments.
  • Developed reporting features and improved order and product visualization, giving operations teams better access to business data.
  • Introduced Sentry monitoring and alerting to improve production visibility and reduce incident resolution time.
  • Worked across the front and back end using React, Next.js, TypeScript, and Node.js.
  • Partnered closely with Product and Design to define technical solutions and deliver customer-facing features.
Technologies: React, Next.js, Node.js, REST, Cloud Firestore, TypeScript, Nx, Google Cloud

Front-end Software Engineer

2024 - 2025
SYKY
  • Rebuilt the homepage and product pages using Next.js. Improved user experience and engagement on the website by optimizing data fetching and assets, reducing loading time by 60%.
  • Developed a scalable design system using Next.js and Tailwind CSS, ensuring consistent UI/UX across the platform and increasing conversion rates by 30%.
  • Achieved 100% test coverage on critical purchase flows using Jest, reducing production bugs by 40%.
  • Refactored the product creation flow, improving user experience and response times and increasing the publishing percentage of products by 70%.
Technologies: Next.js, TypeScript, Tailwind CSS, GraphQL, Apollo, Zustand, Contentful, Jest, React Testing Library, Storybook, Design Systems, Figma, Accessibility, Web UX, Search Engine Optimization (SEO), Vercel, GitHub, GitHub Actions, Sentry, Front-end, Front-end Development, Software Development, Web Development, Web App Development, Web Applications, WebGL, Scrum

Front-end Software Engineer

2023 - 2024
unico IDtech
  • Developed a Web Component for a contract signature feature using Stencil.js and SCSS, which was used in other company products, increasing conversions by 30%.
  • Improved the Unico Sign dashboard performance by 50% by fetching data on the server side and adding lazy loading and virtualization.
  • Designed and implemented the Portal B2B processes dashboard, streamlining user workflows and reducing search time by 80%.
  • Served as a key contributor to developing Genoma UI, a design system used across all Unico products, ensuring UI consistency and achieving 100% unit test coverage.
Technologies: React, Next.js, Stencil.js, TypeScript, JavaScript, CSS, SCSS, Material UI, Jest, React Testing Library, Redux, REST, Accessibility, Internationalization, Storybook, Design Systems, Sentry, GitHub, GitHub Actions, Front-end, Front-end Development, Software Development, Web Components, Unit Testing, Web Applications, Web App Development, Web Development, Virtualization, Lazy Loading, Scrum

Front-end Tech Lead

2021 - 2023
Olby
  • Led a team of five front-end engineers in architecting and developing Olby's four Next.js platforms within an Nx monorepo, improving maintainability and scalability.
  • Launched a talent platform that acquired 2,000+ users within the first two months, accelerating company growth.
  • Optimized the back-office platform, reducing internal processing time by 80% and increasing operational efficiency.
  • Contributed to the institutional website with 5,000+ accesses monthly.
  • Drove front-end team discussions, defined the technical strategy, and mentored developers.
  • Served as the technical reference and point of contact for projects across two squads.
Technologies: React, Next.js, TypeScript, JavaScript, HTML, PWA, React Query, GraphQL, Sentry, AWS IoT, Nx, Monorepos, Accessibility, Application State Management, Redux, Figma, Storybook, Design Systems, SCSS, Material UI, Stripe, Prismic, Team Leadership, Web Development, Web Applications, Web App Development, Software Development, Front-end, Front-end Development, Technical Direction, Mentorship, Team Mentoring, Communication, Scrum

Front-end Software Engineer

2018 - 2021
Olby
  • Worked on a portfolio of 15+ international and national web products across industries, including banking, real estate, SaaS, eCommerce, education, and travel, contributing to a multistack team of front- and back-end developers and designers.
  • Optimized performance by implementing code splitting, lazy loading, and virtualization, reducing bundle size and improving rendering speeds across all platforms.
  • Developed two progressive web applications (PWA), including a fully functional CRUD application with offline capabilities using IndexedDB, ensuring data persistence and seamless user experience.
  • Created a SaaS white label application for real estate rentals used in 10+ real estate agencies, using React in a server-side rendering application with PWA functionalities and focusing on accessibility and performance.
Technologies: React, Next.js, JavaScript, Redux, React Hooks, REST APIs, AWS IoT, CircleCI, Figma, Zeplin, Storybook, HTML, CSS, Babel, Webpack, PostCSS, Design Systems, Search Engine Optimization (SEO), Accessibility, Web Accessibility, GitHub, Server-side Rendering (SSR), Internationalization, SaaS, Sentry, Web Development, Web Applications, Web App Development, Software Development, Front-end, Front-end Development, Code Splitting, Lazy Loading, Virtualization, Progressive Web Applications (PWAs), CRUD, IndexedDB, Software as a Service (SaaS), Scrum

Experience

Lightyear Leadership

https://www.lightyear.co/
Two React-based applications.

I updated the main application's infrastructure to be server-side rendered to improve performance and allow dynamic page SEO. I also created institutional and course pages connected to Prismic for content management and refactored state management using Redux for scalability.

Additionally, I created the back-office application with client-side rendering to create classes and courses. I also led a team of five in refactoring the project with the new structure, ensuring high performance, scalability, and code quality.

Class Builder Application

• Led the front-end development of a SaaS platform for educational organizations, including a flexible class builder that enabled clients to create and manage learning experiences without developer intervention.
• Led a team of front-end engineers, driving technical decisions, architecture, and implementation.
• Designed the application's data model and immutable state structure, defining how data flowed through the builder to keep it scalable and maintainable as new features were added.
• Created a shared design system used across both the public website and the back-office application, improving consistency and development speed.
• Led a large refactor of the main application to adopt the new data architecture with minimal disruption.
• Migrated the marketing website and landing pages to Prismic, allowing non-technical teams to manage content independently while reducing developer involvement in content updates.

Logistics Management Platform

As a Senior Software Engineer, I contributed to the development of a logistics platform, delivering features across both internal back-office tools and customer-facing applications. I designed and implemented a self-service user invitation and onboarding flow, replacing a manual process and significantly improving account activation. I automated billing workflows using Inngest and led the migration from 40Seas to Stripe, simplifying payment operations and increasing reliability. I also developed reporting and order-visualization features to support operational teams and introduced Sentry monitoring and alerting to improve incident detection and debugging. Throughout the project, I collaborated closely with product, design, and back-end engineers to deliver scalable, maintainable solutions and continuously improve the platform.

Education

2012 - 2019

Bachelor's Degree in Control and Automation Engineering

Universidade Federal de Santa Catarina - Florianópolis, SC, Brazil

Skills

Libraries/APIs

React, React Query, REST APIs, Stripe, React Testing Library, Node.js, WebGL

Tools

GitHub, CircleCI, Figma, Babel, Webpack, PostCSS, Sentry, Slack, Zeplin, Nx, Stencil.js

Languages

TypeScript, JavaScript, HTML, CSS, GraphQL, SCSS, Sass, Python

Frameworks

Next.js, Redux, Material UI, Jest, Tailwind CSS, Django, Spark, Express.js

Platforms

MacOS, AWS IoT, Contentful, Vercel, Blockchain, Firebase, Amazon Web Services (AWS)

Paradigms

Search Engine Optimization (SEO), REST, Unit Testing, CRUD, Scrum

Storage

Databases, IndexedDB, SQL Server Reporting Services (SSRS), Cloud Firestore, Google Cloud

Other

Web App Development, React Hooks, Storybook, Application State Management, GitHub Actions, Web UX, Web Applications, Communication, Leadership, Design Systems, Accessibility, Web Accessibility, Server-side Rendering (SSR), Internationalization, SaaS, Prismic, Performance, Programming, PWA, Monorepos, Apollo, Zustand, Front-end, Front-end Development, Software Development, Web Development, Web Components, Team Leadership, Technical Direction, Mentorship, Team Mentoring, Code Splitting, Lazy Loading, Virtualization, Progressive Web Applications (PWAs), Software as a Service (SaaS), Client-side Rendering (CSR), Web3, Privy, CI/CD Pipelines, React Admin

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