Add Popup Sign-in Form for Non-Logged-In Users with Time Interval Trigger (#475)

[dipexplorer]

Fixes #475

This PR introduces a timed popup sign-up form for non-logged-in users to encourage user registration and engagement. The popup appears after a specified time interval (e.g., 30 seconds) and can be closed if the user is not interested. It includes logic to prevent repetitive popups within the same session once dismissed.

Changes

• implemented a popup modal with a sign-up form that appears for non-logged-in users.
• Added a timer to trigger the popup after 30 seconds.
• Added a close button to allow users to dismiss the popup.
• Implemented session-based logic to ensure the popup does not reappear after being closed within the same session.

Testing Instructions

1. Pull this branch.
2. Run npm install to install dependencies.
3. Run npm test to execute the test suite.
4. Verify that ...

Screenshots (if applicable)

https://github.com/user-attachments/assets/ac8f5845-819d-49f1-be33-59b73ec9ec99

Checklist

• [x] I have performed a self-review of my code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] My changes generate no new warnings
• [x] I am working on this issue under GSSOC

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
wanderlust-2024	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 9, 2024 6:49pm

[github-actions[bot]]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[dipexplorer]

@Soujanya2004 ,

Please assign this issue to level 3. Fixing the UI has been challenging due to CSS specificity, which takes lots time & effort, and the page also requires backend support to track user login status which adds another layer of complexity.