Cristian is available for hire
Hire CristianCristian Ramos
Verified Expert in Engineering
Product Engineer and Developer
Location
Montreal, QC, Canada
Toptal Member Since
April 25, 2022
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
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, MUI (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, MUI (Material UI)
Experience
Risk | End-to-end Fraud Management System
https://cloud.paytm.com/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.
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.
Skills
Languages
TypeScript, JavaScript, HTML, GraphQL, Reason ML, CSS, Haskell, Objective-C, Kotlin
Frameworks
Tailwind CSS, Next.js, Angular, Redux, Jest, MUI (Material UI), Express.js
Libraries/APIs
React, Node.js, REST APIs, Vue, Rollup.js, React Redux
Other
UI Testing, Front-end, Remix, CI/CD Pipelines, Full-stack Development, Vite, Chakra UI, Fintech, Storybook, Mobile UI
Tools
Figma, Git, GitHub, Bitbucket, GitLab, Webpack
Paradigms
Microservices, DevOps
Platforms
Docker, Amazon Web Services (AWS)
Storage
MongoDB, PostgreSQL, Amazon S3 (AWS S3)