Skip to main content
Royer Adames, home

Jump

Meet
Showing still 1 of 2

ProjectsMeet

Meet

Stack

  • Next.js
  • React
  • TypeScript
  • Tailwind

Rebuilt in Next.js, October 2026 · History

Meet repository (opens in a new tab)

What it is

A marketing page for a group-meeting product, built from a supplied design.

Why it exists

I built this landing page during my post-bootcamp job search to present deployed work through Breakthrough Development.

How it works

The page implements responsive layout and hover states. Its buttons don't download an app, open another page or start a meeting.

Story

A meeting product, one landing page to build.

The Meet design presented a group-meeting product. My build focused on how that product was introduced on the page.

I built it in React with TypeScript, putting what I already knew to work on a full page, and it became another interface reference in a set of focused builds.

The implementation handles the responsive layout and hover states. The result I built is the page that presents the product.

Bootcamp had given me coding examples and fundamentals. Meet was a design carried all the way to a deployed page I could show and examine.

Meet landing page: the meet logo above the headline "Group Chat for Everyone", circular portrait photos on both sides, Download v1.3 and What is it? buttons, and a row of photos of people on video calls below
The Meet landing page, with the supplied design's headline and photos.

Design: Frontend Mentor (opens in a new tab)'s Meet landing page challenge. Build: Royer Adames. The demo is an October 2026 rebuild by AI coding agents; the code link is my 2021 original.

History

  • Rebuilt in Next.js

    · By AI coding agents

    Before:

    Stack

    • React
    • TypeScript
    • Sass

    Every Frontend Mentor project moved to one locked stack: Next.js, TypeScript and Tailwind CSS.

    • Changed Create React App with Sass to Next.js with Tailwind CSS.

    Meet repository (opens in a new tab)