Day 59 of #100DayOfCode — Styling the Task Management App

Yesterday on Day 58, I built a Task Manager app with Next.js, MongoDB, and Server Actions. The app worked, but it looked rough. Today was all about making it actually nice to use. What I Used Tailwind CSS — for layout and spacing utilities Shadcn UI — for pre-built, accessible components I can own and customize Setting Up Shadcn npx shadcn@latest init npx shadcn@latest add button card badge input textarea select label This drops the component source directly into your project under /components/ui. No black-box library — you own the code. What I Styled Layout — A clean navbar with a centered max-w-4xl main container across all pages. Task List — A responsive 2-column grid on larger screens, with a friendly empty state when no tasks exist yet. Task Cards — Each task is wrapped in a Card with the title, a colored status badge, description, timestamps, and Edit/Delete actions. Task Form — Proper Label + Input/Textarea/Select combinations with placeholders, and a dynamic submit button that