Johnny Gérard — Frontend Engineer

Delivering Enterprise-Grade Frontend Solutions at Scale

I build high‑performance interfaces that meet deadlines and move business metrics.

Scroll

Project Highlights

High-Impact Frontend Solutions

  • 01

    Frieda — A SaaS Landing Page

    • Frontend engineering
    • Motion design

    Overview

    Frieda is a finance dashboard solution designed by Royalz Store, accompanied by a signup landing page. From the mobile and desktop Figma layers, I delivered a fully responsive and pixel-perfect implementation of the landing page. In addition, I infused the design with delightful animations to enhance user experience.

    Lighthouse Metrics

    Tech Stack

    • React Framework

      Next.js 15

    • Headless UI library

      Radix UI

    • Animation Library

      GSAP

    • Styling

      Tailwind CSS 4

    • CDN

      Vercel Edge Network

    AI-Generated Content

    • Copy

      ChatGPT

    • Headshots

      getimg.ai

  • 02

    OceanInsights — A Blog Post

    • Frontend engineering
    • AI design

    Overview

    From a suggested prompt (“A blog post about…”), I utilized Figma AI to generate a complete design for OceanInsights, a digital platform dedicated to uncovering oceanic mysteries, advancing marine research, and promoting ocean conservation.

    The primary challenge was transforming a single desktop layer into a fully responsive webpage. By leveraging fluid typography and AI-suggested layouts, I successfully delivered a seamless and accessible user experience across all device types.

    Lighthouse Metrics

    Tech Stack

    • React Framework

      Next.js 15

    • Styling

      Tailwind CSS 4

    • CDN

      Vercel Edge Network

    AI-Generated Content

    • Copy & Images

      Figma AI

    • Headshot

      DALL·E 3

    • Video

      getimg.ai

Industry‑Recognized Credentials

Certified by Leading Technology Providers and Institutions

  • Microsoft
  • Oracle
  • OpenEDG
  • VMware by Broadcom
  • MongoDB

IT Certifications

Open Source Contributions

Empowering Engineers to Accelerate Development

  • Next.js Theme Provider Plugin

    A Next.js plugin to build applications that respond to user preferences for light or dark themes.

    View on GitHub
    npm package
  • Next.js 15 Starter

    Kick-start your new Next.js project with a battle-tested, zero-config template.

    View on GitHub
    GitHub template

Source Code Repository Analytics

A Bird’s-Eye View of Key Repository Metrics

Lines of Code by Language

GitHub Repositories per Framework

Frontend Mentor Challenges

Explore an extensive catalog of 30+ Angular and React-based solutions on the Frontend Mentor platform.

Browse all solutions

About Me

Frontend Engineer Committed to Excellence

Johnny Gérard

Frontend Engineer

With extensive experience crafting responsive, performant, and visually appealing frontend solutions using React, Next.js, and Angular, I specialize in transforming complex requirements into elegant and user-friendly digital experiences. My approach integrates technical precision with a keen eye for aesthetics, consistently delivering high-quality outcomes that meet business goals.

Why Work with Me

Learn the principles that power my modern frontend solutions.

  • Accessibility & Compatibility

    I ensure your product reaches the broadest audience possible by strictly adhering to accessibility standards and guaranteeing compatibility across all major browsers. Your users experience seamless interactions everywhere, every time.

  • Performance & Scalability

    My code is optimized for peak performance, significantly reducing loading times and enhancing user satisfaction. Built with scalability in mind, your frontend will effortlessly handle growth and increasing complexity without compromising speed or reliability.

  • Maintainability & Reusability

    By writing clean, modular, and reusable code, I make future development and maintenance straightforward, efficient, and cost-effective. You save resources today and avoid technical debt tomorrow.

  • Responsiveness & SEO

    I build responsive websites that look and function flawlessly on all devices, enhancing user experience and engagement. Additionally, I leverage SEO best practices to improve your site's visibility and ensure higher rankings in search engines.

  • Security & Privacy

    I prioritize robust security practices and strict data privacy standards to protect your users' information and ensure compliance with industry regulations. Your customers' trust is maintained at all times.

  • Collaboration & Communication

    Clear, proactive communication is central to my process. I ensure you're always informed, involved, and confident throughout the project lifecycle.

These principles aren't just best practices—they're the foundation of every project I deliver.

Let’s Build Something Impactful

I’m available now and open to new opportunities—freelance, contract, or full-time.