Add Sidebar Toggle Functionality

[SiddarthaKarri]

PR Title

Add Sidebar Toggle Functionality

Issue #275 : Functionality of sidebar solved

Same issues linked with #263 and #274

Type of PR

• Add X in the box to specify the improvement type.
• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): ___________

Description

This pull request introduces the toggleSidebar() functionality, which allows users to open and close the social media sidebar using a button. The feature provides a seamless user experience by toggling the visibility of the sidebar and an arrow for reopening it.

Key Features:

Sidebar Toggling: Users can open and close the sidebar by clicking the close button or the toggle arrow.
Responsive Interaction: When the sidebar is closed, a toggle arrow is shown, allowing users to reopen the sidebar easily.
Simple JavaScript Logic: The toggleSidebar() function dynamically switches the sidebar's visibility and updates the toggle arrow's display state.

Screenshots / Videos (if applicable)

Before:

After:

Checklist

• Add X in the box to specify.
• I have performed a self-review of my code.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have commented my code, particularly in hard-to-understand areas.

Thank you for reviewing my pull request!

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
collect-your-gaming-tools	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 10, 2024 0:56am

[netlify]

✅ Deploy Preview for collect-your-gamingtools ready!

Name	Link
🔨 Latest commit	5b4fa13
🔍 Latest deploy log	https://app.netlify.com/sites/collect-your-gamingtools/deploys/6709e8d003a1fa0008b187ea
😎 Deploy Preview	https://deploy-preview-276--collect-your-gamingtools.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[swaraj-das]

@SiddarthaKarri
Could you please move the sidebar from the left side of the screen to the right? Make sure to sync your fork first before making the changes. Also, the toggle functionality in the hero section isn't responding properly—could you take a look at that as well?

[SiddarthaKarri]

@swaraj-das done