bug: Syntax error in renderTasks() crashes the All Tasks view | GSSoC'26

[Muskan-ux188]

Bug Report

Difficulty: Easy
Program: GSSoC 2026
Type: Bug Fix

---

Summary

A missing + operator between two renderGroup() calls in renderTasks() causes a
JavaScript runtime error. The All Tasks view fails to render entirely when tasks
exist in both the "Due Soon" and "This Week" groups.

File Affected

js/app.js — inside renderTasks()

Steps to Reproduce

1. Open the app
2. Add tasks with different due dates (some within 3 days, some later this week)
3. Navigate to the All Tasks view

Expected Behaviour

Tasks display correctly under " Due soon" and "This week" sections.

Actual Behaviour

The task list section is blank. Console shows a TypeError / syntax error.

Root Cause

Two renderGroup() return values are placed next to each other in a string
concatenation chain without a + operator between them, making it invalid JavaScript.

Checklist

• I have read CONTRIBUTING.md
• This issue does not already exist
• I am willing to work on this issue

[Tanish-Solanki]

Hi @Charushi06 ,
I would like to work on this issue under GSSoC'26. I have gone through the issue description and would love to contribute to the project.
Could you please assign this issue to me? Thank you!

[RajSurajR]

Hi 👋 I’m a GSSoC 2026 contributor.
I’d like to take on this issue! 🚀
i can fix this issue.the problem is inside renderTasks() in line 564

    tasksSection.innerHTML = actionBar +
                             renderGroup(titlePrefix + '⚠ Due soon', dueSoon, 'var(--color-text-danger)', true)
                             renderGroup(titlePrefix + 'This week', thisWeek, 'var(--color-text-secondary)', true) +
                             renderGroup(titlePrefix + 'Completed', completed, 'var(--color-text-tertiary)') +
                             emptyState;

Please assign this to me.