João Oliveira
Verified Expert in Engineering
Front-end Developer
Porto, Portugal
Toptal member since August 24, 2022
João is a front-end developer with extensive experience in JavaScript and React. Throughout his career, he has shared his expertise and solved problems by contributing to well-established and complex applications, such as Farfetch, creating components from scratch, and designing front-end applications for Polkastarter. João is also a consultant advising and analyzing major projects such as 10up.
Portfolio
Experience
- JavaScript - 7 years
- Sass - 7 years
- HTML - 7 years
- CSS - 7 years
- React - 7 years
- ECMAScript (ES6) - 6 years
- TypeScript - 5 years
- Storybook - 4 years
Availability
Preferred Environment
MacOS, Visual Studio Code (VS Code), GitHub, JavaScript, HTML, CSS, Scrum, Agile, React, TypeScript, Responsive Web Design (RWD)
The most amazing...
...thing I've worked on is the project for the California Department of Corrections and Rehabilitation.
Work Experience
Senior Front-end Software Engineer
- Successfully performed accessibility audits, identifying and resolving issues to ensure a more inclusive user experience.
- Spearheaded the development and enhancement of key widgets and functionalities, resulting in improved user engagement and satisfaction.
- Contributed significantly to the improvement of test coverage, enhancing the overall quality and stability of the platform.
- Collaborated with cross-functional teams to identify and address complex technical challenges, fostering a culture of continuous improvement.
- Actively participated in code reviews, providing constructive feedback and contributing to the overall code quality.
- Demonstrated a proactive approach in identifying and resolving issues, minimizing downtime and improving the overall efficiency of the development process.
Senior Front-end React and TypeScript Developer
Personio - Main
- Worked with an agile international team and took in an all-in-one HR software for small and medium-sized companies.
- Created convenient tools and workflows to enable delivery teams to contribute to the design system (e.g., linter rules, pipelines, playground environments).
- Collaborated and aligned with technical and non-technical stakeholders, e.g., front-end engineers, product designers, product managers, and engineering managers.
- Advocated the adoption and implementation of the design system across teams.
- Supported engineers across delivery teams to unblock their UI library challenges.
- Directly contributed to Personio codebase as a front-end engineer and as part of a product team.
- Identified, documented, and communicated technical improvements within my area of responsibility in the team.
- Supported the development and reinforcement of front-end engineering standards and guidelines.
- Closely collaborated with technical (back-end, QA, and infrastructure) and non-technical (product, design) roles to understand and challenge end user requirements and ultimately translate these into effective technical solutions.
- Helped with selecting, onboarding, and coaching junior members of the team.
Senior Front-end Engineer
Version Story
- Developed the front end of an intuitive system for organizing document histories and generating comparisons.
- Created and contributed design ideas for multiple UI widgets, including toolbars, color pickers, version tiles, dashboards, context menus, and forms.
- Provided assistance to fix urgent bugs in the app and the public website as needed.
- Made a component library and playground from scratch to showcase all the components I was creating.
- Developed unit tests and component snapshot tests using Jest and Enzyme.
Senior Front-end Engineer
Conductive
- Helped develop and design well-strutted web applications using modern technologies like React, TypeScript, and Storybook.
- Created a React component library using Storybook from scratch.
- Implemented Web3 integrations for wallet connections and contract integrations for multi-chain support.
- Shipped new features rapidly within a highly collaborative team.
- Developed unit tests and component snapshot tests using Jest and Enzyme.
Senior JavaScript Engineer
10up
- Contributed to various international projects, including Financial Times, Hello! magazine, California Department of Motor Vehicles, and California Department of Corrections and Rehabilitation.
- Developed and provided technical support and advice on the architectural concepts behind React, including state and data management, JSX, building componentized systems, and webpack.
- Wrote modular, extensible, and performant modern JavaScript.
- Estimated the JavaScript and React work and modularized goals into clearly defined, executable tasks.
- Identified performance and quality issues across the 10up digital ecosystem and provided solutions.
- Used Chrome DevTools to investigate and fix front-end rendering performance issues and computationally intensive bottlenecks.
- Contributed to the alignment of engineering deliverables with client business objectives.
Lead Front-end Engineer
Polkastarter
- Managed a remote international team to build the front end of a protocol for cross-chain token pools.
- Built the entire front-end application in React and TypeScript and extended a React component library in Storybook.
- Implemented Web3 integrations for wallet connections and contract integrations for multichain support.
- Used Polkastarter.js open-source middleware that connects with multiple blockchains.
- Conceived, designed, built, and launched new user-facing features.
- Developed unit tests and component snapshot tests using Jest and Enzyme.
Front-end Engineer
Farfetch
- Participated in developing the front end of an online luxury fashion retail platform by working mainly on the login platform.
- Evaluated new technologies and implemented processes to ensure consistent quality of deliverables.
- Defined the architecture and development of one of the projects and implemented pages and functionality according to provided designs.
Front-end Engineer
Techbiosis
- Built a web application while working in fintech with remote agile teams to help companies create and manage their fund portfolios more efficiently.
- Refactored a large front-end application code to make it more modular and reusable.
- Communicated and collaborated with back-end developers to fix bugs.
- Wrote form-based pages to enable dynamical change as data was entered and REST API was queried.
- Developed several UX filtering controls to facilitate entering and reviewing metrics.
- Used Highcharts to develop user-friendly, reliable, and secure data visualizations for investment funds.
- Developed unit tests and component snapshot tests using Jest and Enzyme.
- Encouraged a commit policy by implementing Git hooks.
- Involved in developing full-stack mobile applications for iOS and Android using React Native.
Experience
CPR.PT—Cardiopulmonary Resuscitation Personal Trainer
https://simulacao.med.up.pt/projetos-em-desemvolvimento/I worked on this project as part of my internship with FMUP, designing and developing the application's back end and front end.
Personio: Widget Replatforming
https://www.personio.com/10UP | California DMV
https://www.dmv.ca.gov/Polkastarter
https://polkastarter.com/I collaborated and aligned with technical and non-technical stakeholders, e.g., designers, product designers, product managers, and engineering managers.
Aflo Analytics
https://afloanalytics.com/Education
Bachelor's Degree in Software Engineering
Polytechnic of Porto—School of Engineering (ISEP) - Porto, Portugal
Skills
Libraries/APIs
React, Highcharts, Lodash, REST APIs, DevExtreme, Node.js, React Query, Web3.js, AWS Amplify, Chart.js, D3.js, Vue, Polymer
Tools
Git, Figma, Visual Studio, GitLab, GitHub, MetaMask, Nx, NGINX
Languages
JavaScript, HTML, CSS, TypeScript, Sass, ECMAScript (ES6), SCSS, GraphQL
Frameworks
Bulma, Bootstrap, Jest, Next.js, Stimulus, Ionic, Material UI, Redux, MUI CSS, Tailwind CSS, React Native, .NET Core, Angular
Paradigms
Responsive Web Design (RWD), REST, Agile, Scrum, Modular CSS
Platforms
Visual Studio Code (VS Code), Firebase, Docker, WordPress, Linux, Blockchain
Storage
JSON, Amazon S3 (AWS S3), Datadog
Other
Storybook, API Integration, Pixel Perfect, Front-end, UI Development, User Interface (UI), Styled-components, Enzyme, Responsive Web Apps, Chakra UI, DOM, Vite, OAuth, Data Visualization, User Experience (UX), Web3, APIs, eCommerce, Monorepos, ESLint, Full-stack, Front-end Development, Web Components
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring