Osny Netto, Developer in Florianópolis - State of Santa Catarina, Brazil
Osny is available for hire
Hire Osny

Osny Netto

JavaScript Developer

Florianópolis - State of Santa Catarina, Brazil

Toptal member since April 29, 2019

Bio

Osny is a full-stack engineer with over 15 years of experience building web and mobile products. He focuses primarily on front-end development, product experience, and the design details that make software feel clear and easy to use. He works with tools like Claude Code, Cursor, and Codex to prototype, debug, refactor, and iterate faster while keeping the codebase maintainable. His strength is turning complex ideas into fast, thoughtful user interfaces and practical end-to-end systems.

Portfolio

Memori
React, Dashboards, Leadership, Prompt Engineering, AI Engineering, Web Design...
Praxis Labs
React, Ruby on Rails 7, Ruby, Web UI, User Experience (UX), User Interface (UI)...
ChangeX
Ruby on Rails (RoR), Ruby, UX Design, Front-end, React, AI Tools, Stripe, Vite...

Experience

  • JavaScript - 13 years
  • UI Design - 13 years
  • UX Design - 13 years
  • HTML - 13 years
  • CSS - 13 years
  • React - 10 years
  • Sketch - 5 years
  • Ruby on Rails (RoR) - 4 years

Preferred Environment

Slack, ITerm, Git, MacOS, Cursor AI, Figma, QR Codes, CTO, Codex, Redis

The most amazing...

...thing was building a self-service Chrome extension that let non-technical users create guided website tours, helping the product grow to over 300 customers.

Work Experience

Senior Software Engineer

2024 - 2026
Memori
  • Built the first version of the frame builder that increased conversion rate from 4% to 5%, a 25% improvement in purchase conversion.
  • Built responsive, accessible UI components using React and TypeScript across the Collection, Product Detail, and Cart pages, ensuring cross-device consistency aligned with the company's design system.
  • Implemented 3D product thumbnails on the Collection pages to better illustrate the final product with custom photos applied, increasing product click-through rate by at least 20%.
  • Used AI-assisted development workflows with Claude Code, Cursor, and Codex to accelerate React and TypeScript implementation, rapidly iterate on UI details, and maintain high-quality production code across eCommerce product flows.
Technologies: React, Dashboards, Leadership, Prompt Engineering, AI Engineering, Web Design, UI Design, Mobile UI Design, UI Engineering, Browser Automation, Data Scraping, Sass, Back-end, CSS3 Animation, NPM, Bootstrap, Test-driven Development (TDD), Visual Studio Code (VS Code), Styling, Front-end Design, JSON API, CSS Grid, Styled-components, Single-page Applications (SPAs), REST, On-page SEO, RESTful Development, Apollo Server, Webpack, SVG, Haml, OpenAPI, Responsive Coding, Responsive, Material Design, Dashboard Development, Data Visualization, Cross-browser Testing, PSD Slicing, Google Analytics, Data Analytics, Financials, Project Management, Software Engineering, Software Integration, UI Components, Performance Optimization, Fastify

Senior Full-stack Engineer

2023 - 2024
Praxis Labs
  • Designed a new bulk import interface that reduced user onboarding time by 90%, replacing a manual process with a streamlined self-service flow for thousands of users.
  • Improved the learning platform UI by simplifying navigation and refining layouts, which increased user engagement by 15% across key flows.
  • Architected and built the initial platform version in three months using React, GraphQL, and Ruby on Rails, establishing the core technical foundation.
  • Leveraged LLM-assisted workflows to prototype features, refine GraphQL/Rails implementation details, generate test coverage, and compress delivery cycles while building the initial platform under a tight three-month timeline.
Technologies: React, Ruby on Rails 7, Ruby, Web UI, User Experience (UX), User Interface (UI), Next.js, Pixel Perfect, Tailwind CSS, TypeScript, Shadcn, Artificial Intelligence (AI), iOS, React Native, Claude Code, AI Tools, Vercel, AI-generated Code, Stripe, Supabase, Vite, Supabase Auth, Full-stack Development, Software Architecture, Cursor AI, Node.js, Vibe Coding, Model Context Protocol (MCP), Web Development, Amazon S3 (AWS S3), GraphQL, Gemini, OpenAI API, Full-stack, Docker, AI Integration, API Integration, Payments, Payment APIs, Figma to React, Material UI, Tailwind UI, Application State Management, Test-driven Deployment, CI/CD Pipelines, GitHub, APIs, Search Engine Optimization (SEO), Conversion Rate Optimization (CRO), Responsive Web Design (RWD), HTML5, CSS3, AI Agents, Mobile First, AI Design, AI Programming, Railway, Page Speed Optimization, Amazon Web Services (AWS), Architecture, Technical Leadership, Retrieval-augmented Generation (RAG), Firebase, Code Review, Automated Testing, Design Patterns, Large Language Models (LLMs), Claude API, Agentic AI, ChatGPT, UI Animation, FastAPI, Claude, Replit, Animation, High-end Design, Three.js, User Experience Design, Mobile Design, Jira, Confluence, Expo, Sentry, Front-end Development, Migration, Legacy Code, Scaling, Best Practices, SQLite, OpenAI, Anthropic, Mixpanel, Apollo, React Navigation, REST APIs, Chrome Extensions, DOM, Design Systems, Dashboards, Leadership

Senior Full-stack Engineer

2022 - 2024
ChangeX
  • Proposed and implemented a standalone React dashboard, decoupling the front end from the Ruby on Rails monolith and reducing deployment cycles from months to days with an 80%+ decrease in deploy time.
  • Led a full website redesign that strengthened the platform's professional tone with partners and improved the application flow, resulting in more qualified applicants for social innovation programs.
  • Managed a team of five engineers, overseeing technical decisions, code reviews, and sprint planning while balancing hands-on development with team leadership.
  • Applied AI-assisted refactoring and debugging workflows while decoupling the React front end from the Rails monolith, helping modernize legacy code, reduce deployment friction, and support faster iteration.
Technologies: Ruby on Rails (RoR), Ruby, UX Design, Front-end, React, AI Tools, Stripe, Vite, Supabase Auth, Full-stack Development, Software Architecture, Cursor AI, Vibe Coding, Web Development, Amazon S3 (AWS S3), SQL, Payments, Figma to React, Material UI, Google Cloud Platform (GCP), Tailwind UI, Application State Management, Security, GitHub, APIs, eCommerce, Search Engine Optimization (SEO), Conversion Rate Optimization (CRO), Responsive Web Design (RWD), HTML5, CSS3, AI Agents, Mobile First, AI Design, AI Programming, Page Speed Optimization, Amazon Web Services (AWS), Architecture, Fractional CTO, Technical Leadership, Code Review, Automated Testing, Design Patterns, Large Language Models (LLMs), Claude API, Agentic AI, ChatGPT, UI Animation, FastAPI, Animation, High-end Design, Three.js, User Experience Design, Mobile Design, Jira, Confluence, Expo, Sentry, Front-end Development, Migration, Legacy Code, Scaling, Best Practices, SQLite, OpenAI, Anthropic, Mixpanel, Apollo, React Navigation, REST APIs, Chrome Extensions, DOM, Design Systems, Front-end Architecture, JSX, React Apollo, PSD Slicing, Google Analytics, Data Analytics, Financials, Project Management, Software Engineering, Software Integration, UI Components, Performance Optimization, Fastify

Senior Front-end Engineer/UI Engineer

2019 - 2020
Joybird
  • Built and maintained a 30+ component React UI library as the sole front-end engineer, ensuring pixel-perfect, cross-browser consistency across the entire eCommerce platform.
  • Collaborated with a 7-member team on a year-long migration of the eCommerce platform to React and Next.js with a headless CMS, building a flexible page generation system that enabled content teams to create new pages without engineering involvement.
  • Developed highly extensible, reusable components that accelerated feature development and improved site performance, enabling a faster and more consistent shopping experience for thousands of daily visitors.
Technologies: React, SaaS, Flexbox, Cypress

Senior Front-end Developer (User Onboarding)

2016 - 2019
Conpass
  • Developed and designed a Google Chrome Extension using React and Redux, growing the client base from 10 to over 400 during tenure.
  • Built and maintained the API and web application using Node.js, serving as the second engineer on the team and helping scale the engineering team to 10.
  • Engineered a cross-browser, lightweight pixel tracking code (injectable JavaScript) deployed across 400+ client websites, handling millions of requests daily across multiple pages and placements.
  • Designed a 100% self-service onboarding product that allowed clients to create flows, generate installation code, and deploy without engineering support, enabling the company to scale rapidly without increasing headcount.
Technologies: MongoDB, Redux, CSS, Node.js, React, TypeScript, Software Architecture, MySQL, Payment APIs, Conversion Rate Optimization (CRO), Responsive Web Design (RWD), UI Animation, Front-end Development, Migration, Agile Software Development, Webflow

Front-end Developer & UI/UX Designer

2012 - 2016
CIMM
  • Upgraded the main product through two major Rails migrations (Rails 2 to 3, then to 4), improving overall website performance by over 40% based on client-side and server-side monitoring.
  • Grew monthly organic traffic from 150,000 to 480,000 visits on the main portal through a self-initiated on-page SEO strategy, leveraging deep involvement in the digital marketing community.
  • Set up cloud infrastructure on Rackspace and automated deployment pipelines using Capistrano and development environments using Vagrant, enabling the team to scale and ship faster.
  • Prototyped high-quality UI designs and developed responsive frontends for a high-traffic portal serving thousands of daily visitors over an 8-year tenure.
  • Maintained and developed multiple websites using WordPress and Ruby on Rails, handling both front-end development and back-end architecture.
Technologies: PostgreSQL, CSS, Ruby on Rails (RoR), Heroku, jQuery, Linux, Agile, Scrum, Babel, Express.js, Gatsby, Vue, React Redux, Jest, Responsive UI, ECMAScript (ES6), Sketch, Ruby ERB, SCSS, Slim

Front-end Developer | UI Designer

2013 - 2014
Filmow
  • Redesigned the most visited pages—helping the users to accomplish crucial actions.
  • Collaborated with other team members using tools like Mercurial, Jira, and Bitbucket.
Technologies: CSS, Python

Developer | Designer

2012 - 2012
Instituto Stela
  • Improved the UI of some of the company's major products such as the Stela Experta and Aquarius platforms.
  • Developed an internal website using Liferay to help the team to keep updated about processes and activities.
  • Built and maintained websites using WordPress and Joomla.
Technologies: Design, Content Management Systems (CMS), HTML, CSS

Web Designer | Developer

2005 - 2011
Jimmy FFW
  • Created the UI design and developed the front-end.
  • Developed websites with WordPress and Joomla.
  • Built web apps using Ruby on Rails and PHP.
Technologies: Ruby on Rails (RoR), PHP, WordPress, Joomla, CSS, HTML

Web Designer | Developer

2007 - 2008
FabriCO
  • Created custom themes for an LMS system (Moodle).
  • Designed and developed the company's website.
  • Helped the team to create and deliver EAD platforms.
Technologies: Moodle, CSS, HTML, JavaScript, PHP

Experience

Conpass

I worked closely with a team to create Conpass' website.

GitHub

Here you can see some of the contributions that I've made to various open-source projects.

Joybird

I maintained and extended a React UI components library. I had to ensure that every single component was pixel-perfect and integrate smoothly with other components. I also worked closely with others to build this eCommerce from scratch using React.

Quintal de Trocas

https://github.com/baobba/quintal-de-trocas
I worked as a volunteer at Baobba, mainly on Quintal de Troca's website.

Airfocus

https://airfocus.com/
I worked as a front-end/UI engineer redesigning the app and focusing on improving their onboarding steps.

Education

2010 - 2013

Associate's Degree in Graphic Design

Universidade do Vale do Itajaí - Florianópolis, Brazil

Skills

Libraries/APIs

Node.js, React, JSON API, Flexbox, Claude API, Vue, REST APIs, React Redux, jQuery, Ruby ERB, Stripe, OpenAI API, Three.js, React Navigation, OpenAPI

Tools

GitHub, ITerm, Slack, Sketch, Git, JSX, Figma, Claude Code, ChatGPT, Claude, Jira, Confluence, NPM, Webpack, Babel, React Apollo, Google Analytics, Shadcn, Expo, Sentry, Codex, Moodle

Languages

HTML, JavaScript, CSS, HTML5, TypeScript, Sass, CSS3, ECMAScript (ES6), SCSS, Python, PHP, GraphQL, Ruby, Haml, SQL

Frameworks

Next.js, React Native, Material UI, Tailwind CSS, Cypress, Ruby on Rails (RoR), Jest, Redux, Bootstrap, Express.js, Slim, Fastify, Ruby on Rails 7

Paradigms

Responsive, UI Design, On-page SEO, UX Design, REST, Search Engine Optimization (SEO), Conversion Rate Optimization (CRO), Responsive Web Design (RWD), Automated Testing, Design Patterns, Mobile Design, Best Practices, Mobile UI Design, RESTful Development, Agile, Test-driven Development (TDD), Agile Software Development, Scrum, Model Context Protocol (MCP), Test-driven Deployment, Responsive Coding

Platforms

Webflow, MacOS, WordPress, Vercel, Replit, Mixpanel, Heroku, Amazon Web Services (AWS), Linux, Docker, iOS, Google Cloud Platform (GCP), Visual Studio Code (VS Code), Firebase, Joomla

Industry Expertise

Web Design, Project Management

Storage

MySQL, MongoDB, PostgreSQL, Amazon S3 (AWS S3), SQLite, Redis

Other

Web Development, SaaS, Front-end, User Experience (UX), User Interface (UI), Front-end Design, Full-stack, APIs, Single-page Applications (SPAs), Web UI, Pixel Perfect, CSS Grid, Styled-components, Styling, Material Design, Dashboard Development, Cross-browser Testing, Data Visualization, PSD Slicing, Code Review, AI Agents, Software Engineering, Software Integration, UI Components, Performance Optimization, Cursor AI, Artificial Intelligence (AI), AI Tools, Full-stack Development, Software Architecture, Vibe Coding, Payments, Figma to React, Tailwind UI, Mobile First, AI Design, AI Programming, Page Speed Optimization, Agentic AI, UI Animation, High-end Design, User Experience Design, Front-end Development, Anthropic, Chrome Extensions, DOM, Design Systems, Front-end Architecture, Dashboards, Prompt Engineering, AI Engineering, UI Engineering, eCommerce, Gatsby, Back-end, Apollo, CSS3 Animation, SVG, Apollo Server, Security, Retrieval-augmented Generation (RAG), AI Integration, OpenAI, API Integration, IT Project Management, AI-generated Code, Supabase, Vite, Supabase Auth, CTO, Gemini, Payment APIs, Application State Management, CI/CD Pipelines, Architecture, Fractional CTO, Technical Leadership, Large Language Models (LLMs), FastAPI, Animation, Migration, Legacy Code, Scaling, Leadership, Browser Automation, Data Scraping, Content Management Systems (CMS), Design, Responsive UI, Storybook, Data Analytics, Financials, QR Codes, Railway

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