fix: add smooth auto-dismiss for Django messages Notification remove

[shivanshshri]

Description

Improved the Django message notifications by adding automatic dismissal with a smooth transition.

Changes

• Added automatic dismissal of Django messages after 3 seconds.
• Added a smooth fade-out and upward slide transition.
• Kept the manual close (×) button functionality.
• Applied the behavior to all Django messages.

Result

Success, error, warning, and info messages now disappear automatically after a few seconds instead of requiring the user to close them manually.

Before vs. After

Before:
The notification remained visible until the user manually clicked the close (×) button.

Screen.Recording.2026-09-10.234215.mp4

After:
The notification automatically disappears after 3 seconds with a smooth fade-out and upward slide transition.

Screen.Recording.2026-09-10.234715.mp4

Summary

• Enabled Google OAuth sign-in and sign-up through django-allauth.
• Added Google login options to the login and signup pages.
• Added PyJWT and enabled Poetry virtual environment creation.
• Added automatic Django message dismissal after three seconds with a fade-out and upward slide.
• Preserved the manual close button for success, error, warning, and info messages.

These changes improve authentication options and reduce persistent message clutter.

[github-actions]

👀 Peer Review Required

Hi @shivanshshri! This pull request does not yet have a peer review.

Before this PR can be merged, please request a review from one of your peers:

• Go to the PR page and click "Reviewers" on the right sidebar.
• Select a team member or contributor to review your changes.
• Once they approve, this reminder will be automatically removed.

Thank you for contributing! 🎉

[github-actions]

🚚 This Repository Is Moving

Hi @shivanshshri, thank you for your contribution!

We are in the process of migrating most of the logic from this repository to our new repository: alphaonelabs/learn.

What this means for your PR

Please do not merge or continue work here. Instead:

1. Review the alphaonelabs/learn repository and familiarize yourself with its tech stack.
2. Adapt your changes to work with that codebase.
3. Open a new Pull Request in alphaonelabs/learn.

This PR has been automatically closed. Once you have opened your PR in the new repository, feel free to reference it here.

Thank you for your understanding and continued support! 🙏

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository: alphaonelabs/coderabbit/.coderabbit.yaml

Review profile: ASSERTIVE

Plan: Advanced

Run ID: 628ec096-2858-4873-abf5-0e11670b644d

📥 Commits

Reviewing files that changed from the base of the PR and between 7a682c2 and afee9bb.

⛔ Files ignored due to path filters (1)

• poetry.lock is excluded by !**/*.lock, !**/*.lock

📒 Files selected for processing (6)

• poetry.toml
• pyproject.toml
• web/settings.py
• web/templates/account/login.html
• web/templates/account/signup.html
• web/templates/base.html

---

Walkthrough

The project enables virtual environments, adds pyjwt, configures Google social login through django-allauth, adds Google login links to login and signup pages, and updates Django message dismissal behavior.

Changes

Authentication and interface

Layer / File(s)	Summary
Environment and authentication dependencies poetry.toml, pyproject.toml	Virtual environment creation is enabled, and pyjwt version ^2.13.0 is added.
Google login flow web/settings.py, web/templates/account/login.html, web/templates/account/signup.html	The Google provider is registered with django-allauth. Login and signup pages load social account tags and provide Google OAuth links.
Django message presentation web/templates/base.html	Django messages support styled display, manual dismissal, automatic dismissal after three seconds, and fade-out animation.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Sequence Diagram(s)

sequenceDiagram
  participant Browser
  participant DjangoAllauth
  participant GoogleOAuth
  Browser->>DjangoAllauth: Request Google login link
  DjangoAllauth->>GoogleOAuth: Start OAuth flow
  GoogleOAuth-->>DjangoAllauth: Return authentication result
  DjangoAllauth-->>Browser: Complete social login

Loading

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

Warning

⚠️ This pull request shows signs of AI-generated slop (description_diff_mismatch). It has been flagged by CodeRabbit slop detection and should be reviewed carefully.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}