Activity Context - Copy this React, Tailwind Component to your project

Build a Product Recommender App in MERN Stack Problem Statement Create a product recommendation app to enhance user engagement for an eCommerce website. The app must track user activity, generate recommendations dynamically, and display personalized discount offers via popups. Features to Implement User Activity Tracking Pixel Develop a pixel to track user interactions (e.g., clicks, scrolls, time spent). Securely store the activity data in a backend MongoDB database. Product Recommendation Analyze user activity data and recommend relevant products dynamically. Ensure recommendations are updated in real time based on user behavior. Popup with Discounts Display a popup with the recommended product and a discount offer when specific actions are performed (e.g., scrolling, time spent). Allow the website owner to configure the discount value via an admin panel. Tech Stack Frontend: React.js Backend: Node.js with Express.js Database: MongoDB Additional Tools: Mongoose, Axios, Redux/Context API (if needed) Requirements Frontend: Create a pixel script that captures user activity. Display recommended products and popups dynamically. Include a dashboard for the admin to configure discount values. Backend: API to store and retrieve user activity data. Logic to analyze user activity and recommend products. Secure authentication for the admin panel. Database: Design schemas for storing user activities and product data.