Ricardo is available for hire
Hire RicardoRicardo Cardoso
Verified Expert in Engineering
Software Developer
Rio de Janeiro - State of Rio de Janeiro, Brazil
Toptal member since September 22, 2021
Bio
Ricardo is a product-minded developer who loves understanding and helping clients by providing optimal technical solutions. Graduated in electrical engineering, he's worked as an IT specialist, financial analyst, product manager, and developer for some well-known companies, namely IBM and StoneCo. Ricardo is passionate about art, sports, development, and design and is willing to deliver result-oriented front-end projects filled with challenges from scratch.
Portfolio
Wonderschool
TypeScript, React, Next.js, Ruby on Rails (RoR), ActiveRecord, JavaScript
EarlyDay
React, Next.js, CSS3, HTML5, Stripe, GitHub, ESLint, TypeScript...
MCH Consulting LLC
TypeScript, Next.js, React, Auth, CSS, Tailwind CSS, PostgreSQL, Redux...
Experience
- CSS - 5 years
- SQL - 5 years
- Agile - 5 years
- HTML - 5 years
- Vue - 3 years
- React - 2 years
- Product Management - 2 years
- Next.js - 1 year
Work Experience
Senior Full-stack Engineer
2024 - PRESENT
Wonderschool
- Contributed to the company's growing design system.
- Increased the amount and quality of front-end component testing.
- Created the backbone of a new product using Next.js (App Router), React, Tailwind, Ruby on Rails, and Spraypaint.js.
- Won two bug bash team events held in 2024, where the focus of the work was the main product provided by the company.
Technologies: TypeScript, React, Next.js, Ruby on Rails (RoR), ActiveRecord, JavaScript
Front-end Developer
2022 - 2024
EarlyDay
- Added TypeScript, Prettier, and ESLint to the main web project (including initial setup, gradual migration, and improvements).
- Developed new patterns for TypeScript, an active record on the web, styling, and component creation (using Plops).
- Created and incremented project documentation with ReadMe, Contributing, and Storybook for component/UX docs.
- Disseminated the metrics culture by adding more metrics with PostHog and creating helpful insights and dashboards.
- Provided UX analysis feedback and collaborated with the UX designer on better and simpler experiences with reasonable effort cost for the team.
- Configured linear and chromatic GitHub Actions and other integrations for working flows and pipeline flows.
- Guided and assisted other developers with TypeScript and JavaScript/TypeScript pattern knowledge for better code maintenance.
- Conducted code reviews for junior developers with less experience in some of the projects' stacks.
- Executed API changes on the RoR application with the help and review of more senior Ruby on Rails developers.
- Replied to users and clients on the company's support email. Investigated bugs with PostHog recordings, locally, etc.
Technologies: React, Next.js, CSS3, HTML5, Stripe, GitHub, ESLint, TypeScript, Ruby on Rails (RoR), PostgreSQL, JSON API, ActiveRecord, PostHog, Metrics, Storybook, Chromatic, HTML, CSS, Auth, Web Applications, React Router, User Experience (UX), Tailwind CSS, Figma, Redux, Documentation, Technical Documentation, JavaScript, Slack, IntelliJ IDEA
Senior Full-stack Developer
2022 - 2023
MCH Consulting LLC
- Established patterns for Next.js API, error handling, component creation, and style maintenance.
- Created several basic components to be used like a component library.
- Created several business components by providing video demos for asynchronous validation and making adjustments as required by the client.
Technologies: TypeScript, Next.js, React, Auth, CSS, Tailwind CSS, PostgreSQL, Redux, Amazon Web Services (AWS), Prisma, HTML, Web Applications, React Router, User Experience (UX), JavaScript, GitHub, Slack, IntelliJ IDEA
Full-stack JavaScript Engineer
2021 - 2022
Nexar Ltd
- Created high-quality code with low maintenance cost.
- Contributed to the design team and promptly developed the new requested solutions.
- Created and used a new strategy for data updates based on Shopify's API.
- Developed the new B2B homepage and several other B2B pages.
- Edited photos using Procreate for better executive personnel headshots.
Technologies: TypeScript, React, Full-stack, JavaScript, Java, Go, CSS, Node.js, Mobile Development, Amazon Web Services (AWS), Machine Learning, Computer Vision, Shopify, Shopify API, Tailwind CSS, Next.js, Software Engineering, Sass, React Router, Web Applications, Marketplace Platforms, User Interface (UI), B2B, HTML, Storybook, Auth, User Experience (UX), Technical Documentation, GitHub, Slack, IntelliJ IDEA
Senior Software Engineer
2020 - 2022
Loft Brasil Tecnologia Ltda
- Built new components in the company's design systems with a11y best practices.
- Participated in creating the company's new design system mono repo for multiple stacks and brands of the main company branch.
- Established code patterns that helped development become better and faster.
- Created a testing library (https://www.npmjs.com/package/react-stub-component) for a unit testing strategy based on the Testing Trophy.
- Created documentation standards for incident management and operational issues.
- Developed new user experiences for different sets of clients at the company.
- Redesigned the Jira project, creating project structures, automation (with and without external tools like Slack and GitHub), and workflows, helping the squad migrate from Scrum to the Kanban method.
- Added a headless CMS integration with Directus CMS to enable UX team content updates about the design system documentation.
- Executed development tasks in Node.js APIs and participated in API and architecture discussions.
Technologies: React, Node.js, Next.js, NestJS, Jira, Confluence, GitHub, Slack, WebStorm, Programming, Agile, JavaScript, HTML5, Redux, Figma, APIs, Front-end, Full-stack, TypeScript, Docker, REST APIs, Software Engineering, PostgreSQL, Sass, React Router, Content Management Systems (CMS), Web Applications, Auth, Marketplace Platforms, User Interface (UI), B2B, Fintech, SaaS, GraphQL, HTML, CSS, Storybook, User Experience (UX), Documentation, Technical Documentation, IntelliJ IDEA
Product Manager
2018 - 2020
StoneCo
- Designed a new internal fraud and risk investigation platform using Framer and Figma.
- Developed the internal platform for fraud and risk investigation using Vue.
- Planned and managed the production of the new investigation platform as a product manager, overseeing the team's performance, quality, and client satisfaction.
- Managed a team of two to six developers and a product analyst, helping them develop individual skills for professional growth.
- Trained new product analysts on the Agile methodology and product management.
- Created several engineering reports based on Azure DevOps.
- Automated business processes to facilitate performance and legal reporting.
- Actively helped in identifying fraudulent behavior as well as the people behind it.
Technologies: Product Management, Agile, Azure DevOps, Vue, .NET, Python, SQL, Google Cloud Platform (GCP), GitHub, Slack, Visual Studio Code (VS Code), Confluence, Programming, JavaScript, HTML5, Figma, APIs, Front-end, Full-stack, REST APIs, Software Engineering, C#, Sass, Vue 2, Web Applications, Auth, User Interface (UI), B2B, Fintech, SaaS, HTML, CSS, User Experience (UX), Documentation, Technical Documentation
Developer
2017 - 2018
StoneCo
- Redesigned the whole internal authentication platform using Framer.
- Designed and developed a new web app for risk investigation from scratch.
- Oversaw the authentication platform attending to incidents when required.
- Managed and guided a small team of front-end developers in developing a new Vue application.
- Contributed to changes and development of the .NET APIs.
Technologies: HTML, CSS, Razor, .NET, Vue, GitHub, Slack, Visual Studio Code (VS Code), Confluence, Programming, Agile, JavaScript, HTML5, Figma, APIs, Front-end, Full-stack, REST APIs, Software Engineering, C#, Sass, Vue 2, Web Applications, Auth, User Interface (UI), B2B, Fintech, SaaS, User Experience (UX), Documentation, Technical Documentation
Front-end Developer
2017 - 2017
DR Studio
- Developed pixel-perfect web apps and web pages in accordance with creative designs provided by the design team.
- Created WordPress themes for clients' long-term use.
- Reviewed and fixed stalled projects that had not been approved by the clients.
Technologies: HTML, CSS, jQuery, Bootstrap, WordPress, PHP, Software Engineering, Sass, Content Management Systems (CMS), Web Applications, User Interface (UI), B2B, GitHub
Financial Analyst
2014 - 2017
IBM
- Provided IT support for the entire department, performed business process improvement and optimization, WSS and Cognos implementation focal point (IT requests), and assisted in developing and modifying Cognos reports (Cognos Report Studio and SQL).
- Performed daily counterparty risk (market risk) analysis and bank fee analysis, reviewing contract documentation for bank guarantee issuance after internal clients' requests.
- Administrated user access on the company’s online banking systems.
Technologies: Visual Basic for Applications (VBA), Analysis, Contract, IBM Cognos, SQL, Risk Analysis, Programming
Intern, IT Specialist (Part-time)
2009 - 2012
IBM
- Created new automated files that helped financial analysts of the treasury department to successfully communicate with banks and operate with minimal errors.
- Fixed and adapted old automated files to new business logic and requirements.
- Helped the financial operation with daily manual tasks.
Technologies: Visual Basic for Applications (VBA), Microsoft Excel, Statistics, Financial Services, Programming
Volunteer Teacher | Coordinator
2006 - 2010
PECEP
- Recruited, oversaw, and trained new teaching volunteers.
- Prepared classes and the general schedule of the Physics and Mathematics subjects.
- Interviewed and selected new students, correcting their admittance tests.
- Participated in administrative and cultural meetings.
Technologies: Mathematics, Physics, Teaching
Project History
Urban Dog
https://rickcardoso.github.io/urbandog/01_Homepage_001g.htmlA simple HTML and CSS project for a dog training company.
I built this project for a client who would internally provide back-end integration. The design complexity is basically regarding little transitions and full mobile compatibility.
I built this project for a client who would internally provide back-end integration. The design complexity is basically regarding little transitions and full mobile compatibility.
.Txt Studio
http://txt-agency.com/A PHP project for a linguistic agency.
This was an ongoing project when I started working on it. The client was unsatisfied with the code quality and the results on multiple platforms. I refactored most of the HTML and CSS, ensuring the web app worked on mobile, tablet, and desktop of Windows and Mac. I guaranteed iPhone and iPad compatibility on Mozilla, Safari, Chrome, Microsoft Edge, Internet Explorer, and Opera browsers. For Android devices, compatibility was ensured in all formerly mentioned browsers except Safari.
This was an ongoing project when I started working on it. The client was unsatisfied with the code quality and the results on multiple platforms. I refactored most of the HTML and CSS, ensuring the web app worked on mobile, tablet, and desktop of Windows and Mac. I guaranteed iPhone and iPad compatibility on Mozilla, Safari, Chrome, Microsoft Edge, Internet Explorer, and Opera browsers. For Android devices, compatibility was ensured in all formerly mentioned browsers except Safari.
SmartOrbis
An HTML and CSS project for a digital security company.
The challenge was to create a particular design entirely customized for the client, designing the front-end code. The client would provide back-end integration afterward.
The challenge was to create a particular design entirely customized for the client, designing the front-end code. The client would provide back-end integration afterward.
Glass On Time
An HTML and CSS skeleton code for a glass product/service marketplace.
I coded pages related to payments, processing details, and admin and user results, shown in bold at the link mentioned above.
The biggest challenge on this project was turning the app responsive to smartphones and desktops.
I coded pages related to payments, processing details, and admin and user results, shown in bold at the link mentioned above.
The biggest challenge on this project was turning the app responsive to smartphones and desktops.
THA for Hiring Process
https://github.com/RickCardoso/desafio-frontendAngular project for the company's hiring process. I passed. This was my first and so far only Angular framework project. The company was hired to create new versions of its multiple education-related applications. The project simulates a dashboard for selecting and viewing details of courses.
RoR Course — Blog Application
A simple blog application developed during a Ruby on Rails course. The design is entirely mine, as well as the choice of using Rails 7 with Tailwind CSS.
For comparison purposes, you may see the original design (https://alpha-blog-6.herokuapp.com/) and compare it to mine (https://rickcardoso-alpha-blog.herokuapp.com/).
For comparison purposes, you may see the original design (https://alpha-blog-6.herokuapp.com/) and compare it to mine (https://rickcardoso-alpha-blog.herokuapp.com/).
Education
2007 - 2014
Bachelor's Degree in Electrical Engineering
Federal University of Rio de Janeiro (Universidade Federal do Rio de Janeiro) - Rio de Janeiro, Brazil
Certifications
DECEMBER 2019 - PRESENT
Project Management Professional (PMP)
Cursos PM3
OCTOBER 2017 - PRESENT
WordPress Development Certification
Cursos7
AUGUST 2017 - PRESENT
Full-stack Software Development
freeCodeCamp
APRIL 2009 - PRESENT
Certificate of Proficiency in English (CPE)
British Council
Skills
Libraries/APIs
React, Vue, Vue 2, React Router, Node.js, jQuery, REST APIs, Shopify API, Auth, Stripe, JSON API, ActiveRecord
Tools
Slack, GitHub, Confluence, Microsoft Excel, IntelliJ IDEA, WebStorm, Jira, GitLab, MATLAB, AutoCAD, IBM Cognos, Figma, Prisma, Chromatic
Languages
HTML, CSS, JavaScript, Sass, Visual Basic for Applications (VBA), TypeScript, HTML5, SQL, Python, PHP, C++, Java, Go, C#, Ruby, GraphQL, CSS3
Paradigms
Agile, Azure DevOps, Agile Software Development, Marketplace Platforms, B2B, Automation, Mobile Development, MVC Design
Frameworks
Next.js, Express.js, Razor, .NET, NestJS, Redux, Bootstrap, Tailwind CSS, Angular, Ruby on Rails (RoR)
Platforms
Visual Studio Code (VS Code), Google Cloud Platform (GCP), WordPress, Docker, Amazon Web Services (AWS), Shopify, Directus, Firebase, Heroku, PostHog
Storage
PostgreSQL
Industry Expertise
Teaching
Other
Front-end, Software Engineering, Web Applications, Programming, Mathematics, Product Management, Writing & Editing, Technical Documentation, Documentation, Content Management Systems (CMS), User Interface (UI), Fintech, SaaS, Electrical Engineering, Power Management Systems, Control Systems, Statistics, Financial Services, Risk Analysis, IT Product Management, English, SEO Tools, APIs, Full-stack, Framer, Design Tools, Machine Learning, Computer Vision, Physics, User Experience (UX), Contract, Analysis, ESLint, Metrics, Storybook
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