Tracker Design Implementation #10
Description
Issue:
The current landing page lacks a visual and interactive design for the Tracker feature, making it challenging for users to understand its functionality. This issue aims to address that gap by implementing the Tracker design.
Description:
Implement the Tracker design as demonstrated in the attached video. The goal is to create a responsive, user-friendly layout that effectively showcases the Tracker's features. Ensure that the design aligns with the visual and functional guidelines shown in the video.
UI Design and Resources (Web and Mobile):
All design resources are available in the Framer project: Framer Project Link.
Explore the project to understand the design, and refer to the specific sections highlighted in the video. You can also use the code for components from Framer as a reference.
Reference Video:
leadlly.in_tracker.mp4
In the video, you can see how the Tracker feature is expected to function. Clicking on the "Zoom Into Tracker" button should open a detailed window with insights and data related to the user's progress.
Note:
The buttons for this feature are already present in the code (currently commented out with a different UI). Please use the existing buttons with that design only.
Additional Context:
The attached video provides a detailed walkthrough of the Tracker feature. It should help guide you through the required design and interactions. For any questions or clarifications, feel free to leave a comment.