Facebook Messenger Analytics & Monetization

Project Title:
Facebook Messenger Laugh Reaction Tracker – Facebook API Integration + Apple Pay Monetization + UX Fixes

Project Description:
I'm building a sleek web-based tool that analyzes Facebook Messenger group chats for laugh reactions — identifying who laughs the most, who gets laughed at, laugh ratios, heatmaps, and more.

Right now, the site works by uploading a downloaded Messenger JSON file. But I want to take this to the next level.

What I Need Built:
1. Facebook Login + Messenger Data API Integration
Replace the current manual file upload instructions (currently on Page 2) with a Facebook Login.

Once a user logs in, the site should automatically fetch and parse their Messenger group chat JSON data using Facebook Graph API or similar.

Ensure clear permissions and user consent process is in place.

2. Apple Pay Integration for Monetization
Blur (disable) 3 of the 4 main charts on the results page, showing only the first one (Laughs Given vs Received).

Implement Apple Pay (or Stripe with Apple Pay support) to unlock the other 3 charts for $2 NZD.

Include teasing text over the blurred sections like:

“One person has the most efficient laughs per message by a huge margin.”

“Someone gives significantly more laughs to a specific person than the rest.”

3. UX/UI Fixes and Enhancements
Ensure browser back/forward navigation works properly between pages.

Change the “Download Results” button to export a JPEG image, not a PDF.

Move the “Example Group Chat” button to the landing page (above the Get Started button) with full functionality.

General small layout polish and responsive touch-ups.

You Will Be Provided:
The current HTML source file (already functioning well locally).

Design reference and user expectations.

Direct feedback throughout development.

Ideal Developer:
Experience with Facebook Graph API (especially Messenger permissions).

Skilled in JavaScript, HTML, CSS.

Familiar with Apple Pay integration, or Stripe/Payment Gateway on the frontend.

Bonus: UI/UX polish and async flow experience.

Deliverables:
Fully functional web version with Facebook login and monetized unlock feature.

Clean, commented code for future development.

Mobile-responsive and production-ready.

Call to Action:
If you're confident in API integration and frontend payment features, I’d love to hear from you! Please include:

Relevant experience (esp. Facebook or Apple Pay).