Moncy Yohannan

Moncy Yohannan

Full Stack Web Developer in Mumbai, India

About

A passionate Web Developer with 6+ years of experience developing scalable, high-performance web applications. Expertise in ReactJS, NextJS with a strong foundation in JavaScript, TypeScript, HTML/CSS, and micro-services architecture. Bringing forth expertise in the design, and development of web systems. Passionate about building seamless user experiences and collaborating across teams to drive product success.

Projects

2024

• Created a lightweight JavaScript/TypeScript library enabling developers to create customizable sliders and carousels with features such as navigation, pagination, touch and drag support, and configurable slides per view.

• Implemented responsive design capabilities in SliderLight, allowing for dynamic adjustment of slides per view and margins based on specified breakpoints.

• Published the library on NPM, enabling easy installation and integration for developers via NPM or CDN.

• This library provides detailed documentation, usage examples, and installation instructions to support developer implementation.

2024

• Built a lightweight JavaScript library for creating dynamic, letter by letter animations.

• Using LetterFX developers can add dynamic text effects to web pages with minimal effort.

• The library contains multiple customizable effects, which can be used to animate text with ease, making the content more engaging and interactive.

• This library also includes TypeScript type definitions and declarations for full compatibility.

• This library is well documented on GitHub and NPM with usage examples, options, and installation instructions.

2024

• Launched a responsive portfolio website using ReactJS, enhancing user engagement through dynamic content rendering.

• Implemented advanced animations with GSAP to create smooth scroll effects and interactive elements, improving theoverall user experience.

• Integrated Three.js to design and render interactive 3D elements, including a 3D character, showcasing proficiency in WebGL.

• Ensured cross-browser compatibility and optimized performance across various devices, complying to best practices and creating clean, readable, and reusable codes.

Work Experience

2023 — Now
Remote
  • During this period, I was continuously practicing, building websites, and actively upskilling in multiple areas increasing myTechstack.

  • Created more than 5 projects including my portfolio website showcasing my skillset and work.

  • Improved portfolio website loading speed by 70% by dynamically importing components using React lazy and optimizedperformance by 35% by reducing dependency between components, adding cleanup for functions, rendering elements asper requirement and implemented best practices.

  • Worked on Web and 3D projects for various brands and clients such as Aurorian Records, Fendi, Uniqlo, and Pandora.

2020 — 2023
India
  • Responsible for creating features, microservices, and components for the company websites, which included WebGLinteractive 3D Globe compatible with Typescript, UI improvements for the navigation bar, drop-down, dynamic cursor, andmany more.

  • Collaborated with UI designers, fellow developers, and the manager to gather requirements, ensure seamless integration ofdesigns, and align development with project goals and timelines.

  • Improved website loading speed by 30% by optimizing images, reducing JavaScript bundle size, and implementing lazyloading.

  • Developed over 40+ Loaders using Vanilla JavaScript and CSS for the loader customization feature present in the company'sweb application.

  • Designed and built websites for products with scroll interactive animations and transitions.

2017 — 2020
Mumbai, India
  • Developed and Handled many web projects which included front-end as well as back-end(PHP, MySQL).

  • Created various features for websites such as Scroll interactions, WebGL, dynamic contents, loaders etc.

  • Developed CMS dashboards for websites enabling clients to view insights and edit contents on their websites.

  • Built responsive, accessible, and dynamic web pages to enable users to easily navigate the site

Contact

GitHub
LinkedIn
Website