Sidebar Animation

[sankalpj47]

OPEN TO ALL 🚀

No need to claim this issue.

---

This task focuses on designing a Drawer (Sidebar) Animation for the GeekHaven app.

Participants are expected to understand the navigation flow of the GeekHaven app, how users access secondary options, and how a drawer can improve usability without cluttering the main interface. The drawer should be accessible from the Home Screen and smoothly reveal essential options such as Settings, Help, About, and other relevant sections.

The animation should feel fluid, intuitive, and responsive, enhancing the overall user experience while maintaining GeekHaven’s technical, innovative, and community-driven identity. Proper attention should be given to motion, timing, and visual hierarchy to ensure the drawer feels natural and non-intrusive.

⚠️ Important Instructions

• This task must be completed on Figma only.
• Ensure the Figma file has view access enabled.
• The animation should be smooth, minimal, and consistent with GeekHaven branding.

---

A reference video has been attached only for understanding the animation concept. Participants must not copy or closely replicate the animation. The final submission should be original and based on your own interpretation of how a drawer animation should function within the GeekHaven app.

Video-https://www.youtube.com/watch?v=8NEIGF69C5A

The drawer animation should be designed on the Home Screen only. In case your Home Screen design does not already contain a menu icon, you are allowed to add a hamburger menu icon before proceeding with the drawer animation.

📁 File Formats & Structure

Note: If the folder with your college name already exist don’t make a new folder, create the file in the existing folder.

Sidebar/
└── college-name/
    └── enrollment-number.txt

---

Example:

Sidebar/
└── IIIT-Allahabad/
    └── IEC2024047.txt

enrollment-number.txt

enrollment-number.txt file must contain the link to your figma project. Make sure to give view access to anyone with the link.

Figma Link:
<https://www.figma.com/design/XXXXXXXXXXXX>