Goal Tracker

Track your progress, achieve your dreams

\n setShowForm(true)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-medium transition-colors duration-200 shadow-sm hover:shadow-md\"\n >\n + New Goal\n \n

\n\n

\n {error && (\n

Error:

{error}

\n \n

\n )}\n\n {/* Goal Form Modal */}\n {showForm && (\n

\n \n

\n )}\n\n {/* Daily Checklist Modal */}\n {selectedGoal && (\n

\n setSelectedGoal(null)}\n />\n

\n )}\n\n {/* Goals Grid */}\n

\n {/* Active Goals */}\n

Active Goals

\n {activeGoals.length === 0 ? (\n

🎯

No active goals yet

Create your first goal to start tracking your progress!

\n setShowForm(true)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-medium transition-colors duration-200\"\n >\n Create Your First Goal\n \n

\n ) : (\n

\n {activeGoals.map(goal => (\n setSelectedGoal(goal)}\n />\n ))}\n

\n )}\n

\n\n {/* Completed Goals */}\n {completedGoals.length > 0 && (\n

Completed Goals

\n {completedGoals.map(goal => (\n setSelectedGoal(goal)}\n />\n ))}\n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/magadjiya/Accountability_Tracker/code/frontend/components/App.tsx","extension","actionData","errors"]