24 days ago
Create a modern, one-page habit tracker website. ๐ก Goal: I want to track my daily habits and see visual progress (streaks) for each habit. ๐งฑ Page Structure: A clean header/title A list of daily habits (examples: "shave + brush teeth", "meditation", "English practice", "drink water", "walk", etc.) Each habit row should have 7 columns for weekdays (MonโSun) In each cell, show either a ๐ฅ fire icon (completed) or a dimmed ๐ circle (not completed) At the end of the row, show the current streak number (how many days in a row it was completed) ๐จ Visual Style: Clean, modern, and minimal UI Nice spacing and alignment Soft animations and hover effects Color theme inspired by Notion, Vercel, or Linear (dark or light mode is fine) โ๏ธ Tech Requirements: Fully responsive design (especially mobile-friendly) Cells/icons should be clickable (UI-only, no backend or data saving needed) Use Tailwind CSS or clean utility CSS Preferably built in React or HTML/CSS (no need for full-stack)
Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs
Start building stunning tailwind UIs!ย
