ProjectsPod request
Pod request
Stack
- Next.js
- React
- TypeScript
- Tailwind
Rebuilt in Next.js, October 2026 · History
Pod request repository (opens in a new tab)
What it is
A landing page for requesting access to a podcast product, built from a supplied design. The product name and the request-access framing are the challenge.
Why it exists
I built this access-request page during my post-bootcamp job search as work for Breakthrough Development. It gave me a deployed reference for a responsive page and email feedback.
How it works
The responsive page checks email input and shows an error when it is invalid. A valid submission stays in the browser and does not send an access request.
Story
The request began with one email field.
The Pod design asked someone to request access to a podcast product. That gave me a small interaction to implement as well as a responsive page.
I wanted references I could learn from and potentially tailor later. Pod request focused that practice on the relationship between the offer and its email field.
I built the page and its browser-side validation in React with TypeScript. Invalid input shows an email error, right where the request starts.
I can revisit the page as a reference for its layout and form feedback.
Design: Frontend Mentor's Pod request access landing page (opens in a new tab). 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.