ProgrammingHero1/B13-A7-keen-keeper ? reverse-engineered prompt

Reverse engineered prompt

Build me a responsive friendship keeper app called KeenKeeper that works nicely on mobile, tablet, and desktop.

It should have a top navbar with a logo on the left and Home, Timeline, and Stats links on the right, each with an icon and the active page highlighted. The home page needs a centered banner with a title, subtitle, and an Add a Friend button, plus a few summary cards underneath. Then show a grid of friend cards loaded from a JSON file, with profile photo, name, days since contact, tags, and a colored status, and clicking a card should open that friend’s detail page.

On the detail page, show the friend info on one side and stats, relationship goal, and quick check in buttons on the other side. When Call, Text, or Video is clicked, add a new timeline entry with the current date and show a toast. Make a Timeline page that lists all entries and lets me filter by call, text, or video. Also add a Friendship Analytics stats page with a pie chart, a loading state on the home page, a 404 page, and make sure refreshing any route does not break anything.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab