Improved UI and responsiveness

[GAURI167007]

Overview

This PR introduces major UI and functionality improvements to the Productivity Tracker application using HTML, CSS, and JavaScript.

The application has been redesigned with a modern galaxy-themed interface while improving responsiveness, navigation, task management, and overall user experience.

UI Enhancements

• Added a galaxy-inspired UI redesign
• Improved typography, spacing, and layout structure
• Added glassmorphism cards and glowing visual effects
• Enhanced button styling and hover animations
• Improved mobile responsiveness and layout scaling

Functional Improvements

• Added Complete, Reset, and Finalize task functionalities
• Improved progress tracking and percentage calculation
• Added daily streak tracking
• Enhanced Pomodoro timer with Start, Pause, and Reset controls
• Added smooth scrolling navigation between sections

Additional Features

• Added confetti animation on task completion
• Added floating animation effects
• Improved overall interaction feedback and responsiveness

Technologies Used

• HTML5
• CSS3
• Vanilla JavaScript

No external libraries or frameworks were used.

BEFORE:

AFTER:

[Karanjot786]

Hey @GAURI167007! Saw your work on GSSoC 2026.

We are building TermUI, a TypeScript terminal UI framework with React-style hooks and JSX, rendered entirely in the terminal.

We have 67 unassigned GSSoC issues open. 19 are marked good first issue. Your JavaScript background transfers directly.

• Open issues (GSSoC 2026)
• TermUI on GSSoC

Karanjot, TermUI maintainer