Freddy’s Fanpage

A fan page that knows its place.

The franchise team asked for a site for the people who keep coming back. The catch: head office already owns the brand, the rewards app, the gift cards and the verified social accounts. So this could never pretend to be the official Freddy’s website.

And whoever looks after it also works shifts at the store. Moderation had to fit inside a break, not become a second job.

Built around one store’s regulars.

Not a brand site and not another social app. The only place built around the regulars of this one store: their photos, their votes on the menu, their weekly challenge, all approved by someone who works there.

Show your order. Find your people. See what Winnipeg is eating this week.

Three rules held every decision after that: nothing goes public without a human yes, regulars are recognised for showing up and not for spending, and the site points to the official channels instead of copying them.

Rules first, screens second.

Before a single screen, every rule of the community was written down as a small piece of code with its own tests: who can post, who can enter, who can win, what counts toward a tier. The screens came after and simply ask those rules. That is why the store can trust it to behave.

1. A feed that waits for a yesEvery photo stays pending until the store approves it. Turning one down needs a reason, every decision is logged, and one switch pauses new submissions on a busy week.
2. The weekly free meal challengeA new theme each week, one entry per person, and a winner picked by hand. Store staff cannot win, and the code enforces it.
3. A menu board the regulars rankSeparate boards for burgers and custard, one vote per item, tap again to take it back. Items stay marked as samples until the store confirms the menu.
4. A shift report for the moderatorThe queue, reports, members and tiers set out like a receipt, so a quick look between orders tells you what needs doing.
5. Ready for the real thingIt runs today on sample data. The data layer was built to swap onto a real database later without touching a screen.

• Next.js
• React
• TypeScript
• Tailwind CSS
• Vitest, 78 tests

Where most fan pages go wrong.

Small things that feel like the counter.

• The free meal ticketThe weekly challenge sits on a red ticket with punched notches and a tilted FREE MEAL stamp.
• Tiers that printMove up a tier and it prints in like a receipt slip, with a line of its own. Ruby: “Kildonan Crossing should name a parking spot after them.”
• Reactions that stampTap a reaction and it lands with a stamp, not a fade.
• A burger for a cursorWith a mouse, the pointer is a little burger. Click and the top bun opens and the toppings jump.
• Winners wear a crownThe week’s winning photo carries a WINNER tag in the feed, and its owner’s tier ring shows beside their name.
• Made for thumbsLarge tap targets, clear focus outlines, strong contrast, and calmer motion for anyone who asks their phone for it.

• Crimson#DF103A
• Navy#1B1C27
• Mist#F9F8F9

Freddy’s Fanpage is an independent community site for the Winnipeg location, made with the store. It is not the official Freddy’s website.