1// @jsxImportSource https://esm.sh/react@18.2.0
2import React, { useState } from "https://esm.sh/react@18.2.0";
3
4export function QuickGuidance({ userStatus }) {
1// @jsxImportSource https://esm.sh/react@18.2.0
2import React, { useState } from "https://esm.sh/react@18.2.0";
3import { TaskItem } from "./TaskItem.js";
4
1// @jsxImportSource https://esm.sh/react@18.2.0
2import React from "https://esm.sh/react@18.2.0";
3
4export function TrackCard({ track, progress, tasks, onClick }) {
1// @jsxImportSource https://esm.sh/react@18.2.0
2import React, { useState } from "https://esm.sh/react@18.2.0";
3
4export function Navigation({ currentView, onNavigate, info }) {
1// @jsxImportSource https://esm.sh/react@18.2.0
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0";
3
4export function WeeklyReview({ userStatus, weekNumber }) {
1// @jsxImportSource https://esm.sh/react@18.2.0
2import React, { useState } from "https://esm.sh/react@18.2.0";
3
4export function SetupWizard({ onComplete }) {
1// @jsxImportSource https://esm.sh/react@18.2.0
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0";
3
4export function DailyStandup({ onClose, tracks, tasks, date, userStatus, onComplete }) {
1// @jsxImportSource https://esm.sh/react@18.2.0
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0";
3import { Dashboard } from "./Dashboard.js";
4import { SetupWizard } from "./SetupWizard.js";
1// @jsxImportSource https://esm.sh/react@18.2.0
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0";
3import { TaskItem } from "./TaskItem.js";
4
25### Frontend
26
27- React 18.2.0
28- TailwindCSS for styling
29- Responsive design with dark/light mode