bug: Tasks tab in navigation does nothing when clicked

[Payal-mak]

Problem

Clicking the Tasks tab in the top navigation bar produces no response. The tab appears clickable but is completely non-functional.

Current Behavior

When the Tasks tab is clicked in the navigation bar, nothing happens — no view change, no scroll, no visual feedback. The page remains exactly as-is.

Expected Behavior

Clicking the Tasks tab should navigate to or scroll to the task board section, giving the user a clear view of all
their tasks. The active tab should also be visually highlighted.

Steps to Reproduce

1. Go to https://studyplan-jvgd.onrender.com/
2. Log in to your account
3. Click the Tasks tab in the top navigation bar
4. Observe that nothing happens

Screenshots

Environment

• Browser: Chrome
• Version: Latest

Additional Context

The nav links in index.html appear to use href="#" placeholder anchors. The Tasks tab likely has no registered
click handler in js/app.js

Suggested fix: wire up a click event listener for the Tasks nav item in js/app.js and add an active state in
css/index.css.

Suggested Labels

• bug
• good first issue
• GSSoC26

I would like to fix this under GSSoC'26

[aanyacloud]

Hi @Payal-mak,
I came across this issue and would like to work on it under GSSoC'26.
From the issue description, it seems the Tasks tab in the navbar is not responding when clicked. I’ll look into the navigation/click handling logic and fix the issue so the Tasks section works properly.
Please assign this issue to me.
Thank you!

[ShailjaSharma23]

Hi @Payal-mak , I would like to work on this issue under GSSoC'26.

I can fix the non-functional Tasks navbar tab by implementing proper navigation/scroll behavior, adding the required click handler, and ensuring the active tab state is visually highlighted for better user experience.

Please assign this issue to me. Thank you!