feat : added add goal form

[Muragesh-24]

Summary

Added an inline weekly goal creation form to the GoalTracker widget on the dashboard, allowing users to set goals without manually using the API. The form takes a goal label and weekly target, sends them directly to /api/goals, displays a loading spinner while saving, and updates the goals list right after a successful save so the empty state refreshes instantly.

Closes #13

Type of Change

• Bug fix
• New feature
• Documentation update
• Refactor / code cleanup

Changes Made

Steps for the reviewer to verify this works:

1.changed a single file GoalTracker.tsx, Updated the dashboard GoalTracker widget so users can create a new weekly goal directly in the UI. The component now includes a form for the goal label and weekly target .

How to Test

just use the form visible in the goal widget and it will add new goals directlt

Screenshots (if UI change)

[

Screen.Recording.2026-05-15.143504.mp4

]

Checklist

• Linked issue in summary
• npm run lint passes locally
• No TypeScript errors (npm run type-check)
• Self-reviewed the diff
• Added/updated tests if applicable

[vercel]

@Muragesh-24 is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Priyanshu-byte-coder]

Clean implementation. useCallback on loadGoals is correct, form has proper htmlFor/id pairing, disabled states on inputs and button during submit, and the spinner feedback is a nice touch. CSS variables all valid.

[Priyanshu-byte-coder]

Clean implementation. useCallback on loadGoals is correct, form has proper htmlFor/id pairing, disabled states on inputs and button during submit, and the spinner feedback is a nice touch. CSS variables all valid.