ProjectsStats preview
Stats preview
Stack
- Next.js
- React
- TypeScript
- Tailwind
Rebuilt in Next.js, October 2026 · History
Stats preview repository (opens in a new tab)
What it is
One card component, not a whole site, built from a supplied design. The headline, the analytics sentence, and the figures 10k+ companies, 314 templates, and 12m+ queries are the challenge's stock card content, not my metrics.
Why it exists
I built this card during my post-bootcamp job search as deployed work for Breakthrough Development. It was a focused component reference within a larger set of designs.
How it works
One responsive article arranges the image, headline and supplied figures. It has no form, second page or live analytics service.
Story
One card was a piece I could finish.
This project kept the job small. One card had to bring an image, a heading and a group of figures together across screen sizes.
I chose these designs to revisit frontend skills. The larger set gave me different references; this card supplied one component I could inspect on its own.
I built the responsive article in React with TypeScript and published it. There was no form or second page to complete, so the whole job was getting that one piece right.
The result is one responsive card, finished and published: a component I can take apart and reuse on its own.
Design: Frontend Mentor's Stats preview card component (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.