Jonathan Manas, Front-end Developer

Featured Works

Some of the projects I have worked on.

Community Business Directory

Role: Owner / Developer

A web application developed using the full-stack SSR React-framework Remix.run. TypeScript, Tailwind CSS, and Shadcn UI and MongoDB as the database.

Environmental, Health and Safety Management (EHS) SaaS

Role: Lead Front-end Developer

Refactored a legacy React-based enterprise module within three months leading to its MVP launch.
Presided over multiple enterprise modules to implement new features, debug, and fix client-reported bugs and issues, helping reduce overall technical debts.
Upgraded application's outdated dependencies to the latest versions, ensuring compatibility.
Offered technical advice, resulting in observable improved loading time and UX performance of legacy codebases.
Performed timely peer code reviews, streamlining the development process.
Handled iterative version releases and deployments into different testing environments up to production via Github and Amazon CodePipeline.
Led online demonstrations of new features for the executive stakeholders.
Participated in weekly task grooming and sprint planning.
Collaborated with a team in Australasia and European time zones, ensuring effective integration of managed modules with other applications within the software ecosystem.
Produced wiki documentation of managed module's FE structure and architecture.

Sales and Marketing Portfolio

Role: Senior Front-end Developer

Led team in setting up FE architecture approach, resulting in an organized, scalable, and maintainable component-based front-end system within WordPress.
Created an internal React-based plugin package within the WP application.
Coordinated regularly with the technical director in approaching technical UI requirements.
Collaborated with designers and strategists to fully understand expectations and to ensure effective translations of user interface designs into intuitive user experiences.
Developed reusable stylesheets with BEM and Atomic Design CSS methodologies, and used Sass mixins and functions.
Configured Webpack for code linting, splitting, and file minifications.
Implemented lazy-loading of assets (scripts, styles, and image files), prompting fast page response time.
Utilized Lighthouse (Google's Core Web Vitals) to monitor and optimize web performance and user experience.
Ensured design responsiveness on multi-device web and mobile platforms.
Addressed Accessibility (a11y) compliance, ensuring ease of usage among users with disabilities.
Performed code reviews and guided junior FEs within the team to uphold code standards.
Contributed to FE task estimations and distribution, resulting in optimal capacity utilization across the team.
Participated regularly in various Agile ceremonies with US-based counterparts.

Retail Chain Corporation

Role: Lead Senior Front-end Developer

Led front-end team in re-platforming of retail e-commerce store running under Salesforce, Demandware, and Amplience.
Used native Web Components to build a reusable, modular, and interactive component system without the use of frameworks.
Applied BEM and Atomic Design CSS methodologies, and used Sass mixins and functions to create clean, reusable stylesheets.
Helped create a Storybook library for UI component development, testing, and documentation.
Worked closely with designers and strategists to fully understand expectations and to ensure effective translations of user interface designs into intuitive e-commerce experiences.
Utilized Lighthouse (Google's Core Web Vitals) to monitor and optimize web performance and user experience.
Ensured design responsiveness on multi-device web and mobile platforms.
Addressed Accessibility (a11y) compliance, ensuring ease of usage among users with disabilities.
Performed code reviews to ensure code consistency.
Contributed to FE task estimations and distribution, resulting in optimal capacity utilization across the team.
Participated regularly in various Agile ceremonies with US-based counterparts.

Philanthropy site

Role: Lead Senior Front-end Developer

Led team in setting up FE architecture approach, resulting in an organized, scalable, and maintainable component-based front-end system within WordPress.
Developed in Typescript, utilized BEM and Atomic Design CSS methodologies, and used Sass mixins and functions to create reusable front-end scripting and styles.
Implemented lazy-loading of assets (scripts, styles, and image files), prompting fast page response time.
Configured Webpack/Babel for effective code linting, splitting, and file minifications.
Collaborated with designers and strategists to fully understand expectations and to ensure effective translations of user interface designs into intuitive user experiences.
Utilized Lighthouse (Google's Core Web Vitals) to monitor and optimize web performance and user experience.
Ensured design responsiveness on multi-device web and mobile platforms.
Addressed Accessibility (a11y) compliance to ensure ease of usage among users with disabilities. Performed code reviews to ensure code consistency.
Contributed to FE task estimations and distribution, resulting in optimal capacity utilization across the team.
Participated regularly in various Agile ceremonies with US-based counterparts.
Handled creation of FE architecture wiki document.

Non-profit organization

Role: Senior Front-end Developer

Helped build a frontend system running under Drupal and Twig templating engine.
Utilized BEM CSS methodology and created an atomic-based design system using PatternLab.
Configured Webpack for code linting, splitting, and file minifications.
Worked closely with designers and strategists to fully understand expectations and to ensure effective translations of user interface designs into intuitive user experiences.
Ensured design responsiveness on multi-device web and mobile platforms.
Addressed Accessibility (a11y) compliance, ensuring ease of usage among users with disabilities.
Contributed to FE task estimations and distribution, resulting in optimal capacity utilization across the team.
Participated regularly in various Agile ceremonies with US-based counterparts.