Cristian Ramos, Developer in Montreal, QC, Canada
Cristian is available for hire
Hire Cristian

Cristian Ramos

Verified Expert  in Engineering

Product Engineer and Developer

Montreal, QC, Canada

Toptal member since April 25, 2022

Bio

Cristian is a product engineer who can help you design, bootstrap, and architect a scalable front end that is delightful in its presentation and fast in its execution. He has experience implementing UI/UX, front end, or the product back end. His skills and his expertise make Cristian an excellent addition to any team.

Portfolio

Bite
Amazon S3 (AWS S3), JavaScript, TypeScript, React, Node.js, Express.js...
Paytm
TypeScript, GraphQL, Node.js, React, Angular, Full-stack Development...
Glossi
TypeScript, Node.js, MongoDB, Next.js, GraphQL, Full-stack Development...

Experience

  • React - 5 years
  • Node.js - 5 years
  • TypeScript - 5 years
  • JavaScript - 4 years
  • GraphQL - 3 years
  • Next.js - 3 years
  • Figma - 2 years
  • Remix - 1 year

Availability

Part-time

Preferred Environment

MacOS, Visual Studio Code (VS Code), TypeScript, PostgreSQL, JavaScript, HTML, CSS, Amazon Web Services (AWS), Git, GitHub, UI Testing, Front-end, Tailwind CSS

The most amazing...

...project I've developed was a huge internal developer platform that focused on allowing remote and international teams to collaborate.

Work Experience

Senior Front-end Developer

2022 - PRESENT
Bite
  • Significantly optimized system build pipelines, resulting in a 10x improvement and saving hundreds of development hours annually.
  • Achieved a 50% reduction in client file sizes, effectively decreasing app Time to Interactive (TTI) from four seconds to two.
  • Developed a comprehensive app redesign and v2 development roadmap focused on enhancing UX/UI/DX and additional features.
  • Collaborated with the design team to establish a universal design library for seamless integration across all front-end projects.
  • Engineered critical libraries to facilitate the creation of robust, resilient, and secure applications.
Technologies: Amazon S3 (AWS S3), JavaScript, TypeScript, React, Node.js, Express.js, Objective-C, Kotlin, Mobile UI, Tailwind CSS

Product Developer

2021 - 2022
Paytm
  • Migrated slow Angular application incrementally to React while preserving development and release cadence.
  • Made the application build times seven times faster, i.e., from five minutes to 30 seconds.
  • Optimized the application bundle sizes, from 7MB core bundle size to 200KB and about 100KB of page-specific bundles.
  • Improved Web Vitals dramatically, bringing down the time to interactive (TTI) score from around five to ten seconds to about one to two seconds.
Technologies: TypeScript, GraphQL, Node.js, React, Angular, Full-stack Development, JavaScript, HTML, CSS, REST APIs, Amazon S3 (AWS S3), Amazon Web Services (AWS), Docker, CI/CD Pipelines, Figma, Git, Bitbucket, Rollup.js, Vite, Chakra UI, Jest, UI Testing, Front-end, Fintech, DevOps, Storybook, Tailwind CSS

Product Developer

2021 - 2022
Glossi
  • Developed and architected the web app experience to a minimum viable product (MVP), preparing the early-stage startup for scaling and growth.
  • Discussed and iterated on the app designs, focusing on building a delightful and sleek experience.
  • Brought the app from a proof of concept (POC) to a fully working full-stack MVP.
  • Managed and communicated deadlines and expectations. Helped organize and document the development processes for scale.
Technologies: TypeScript, Node.js, MongoDB, Next.js, GraphQL, Full-stack Development, JavaScript, HTML, CSS, REST APIs, Amazon S3 (AWS S3), Amazon Web Services (AWS), Docker, CI/CD Pipelines, Figma, Git, GitHub, Rollup.js, Chakra UI, Jest, UI Testing, Front-end, DevOps, Storybook, Tailwind CSS

Product Developer

2019 - 2021
Turbulent
  • Developed and architected a full stack developer platform for monitoring and projecting in-game assets, interactions with players, and monitoring other development information like build times, pipelines, and build artifacts.
  • Created a scalable and cohesive framework that allowed multiple remote and international teams to develop different apps within the platform using a singular design system.
  • Managed sprints, deadlines, feature requests, and tickets on my own.
Technologies: TypeScript, Node.js, React, GraphQL, Full-stack Development, JavaScript, HTML, CSS, REST APIs, Amazon S3 (AWS S3), Amazon Web Services (AWS), Docker, CI/CD Pipelines, Figma, Git, GitLab, Webpack, Rollup.js, Chakra UI, Redux, React Redux, Jest, UI Testing, Front-end, DevOps, Material UI, Storybook, Tailwind CSS

Full-stack Developer

2018 - 2019
Stream Systems
  • Architected, engineered, and redesigned SCM for simplified workflows and better user experience.
  • Reduced build times and simplified project architecture.
  • Implemented a GraphQL gateway to create a strong contract between the microservice architecture and front end.
Technologies: TypeScript, JavaScript, React, Node.js, GraphQL, Docker, CI/CD Pipelines, Git, GitHub, Bitbucket, Redux, React Redux, Jest, UI Testing, Front-end, Material UI

Risk | End-to-end Fraud Management System

This is a React-based dashboard for fraud analytics. The app was slow and cumbersome to use and develop. I initiated a long-term incremental migration to React to systematically improve the platform's UI/UX, developer experience (DX), and speed.

Here is what I achieved after completing the migration:

• Decreased the app load times from about five to ten seconds to one to two seconds.
• Decreased the app bundle sizes from 7MB to 200KB and 100KB per page bundle size.
• Decreased the app build speed from five minutes to 30 seconds.
• Improved user experience with load times and feature clarity as well as added delightful and snappy interactions.

Hex | Global Developer Platform

A React-based platform that allows for international teams to create internal applications such as a dashboard that monitors Star Citizen's in-game entities using WebGL, developer build artifacts and pipelines, and more—all the while maintaining a cohesive design language.

Glossi

A Next.js-based dashboard for managing advertising assets, uploading models, and creating projects. It includes a real-time Unreal Engine-powered app for creating advertisements using predefined scenes and models.

Libraries/APIs

React, Node.js, REST APIs, Vue, Rollup.js, React Redux

Tools

Figma, Git, GitHub, Bitbucket, GitLab, Webpack

Languages

TypeScript, JavaScript, HTML, GraphQL, Reason ML, CSS, Haskell, Objective-C, Kotlin

Frameworks

Tailwind CSS, Remix, Next.js, Angular, Redux, Jest, Material UI, Express.js

Paradigms

Microservices, DevOps

Platforms

Docker, Amazon Web Services (AWS)

Storage

MongoDB, PostgreSQL, Amazon S3 (AWS S3)

Other

UI Testing, Front-end, CI/CD Pipelines, Full-stack Development, Vite, Chakra UI, Fintech, Storybook, Mobile UI

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