A
Anonymous

Sleep Tracking Component - Copy this React, Tailwind Component to your project

Sleep Tracking (PJ37): Let users log their sleep manually through simple forms. Include fields for sleep duration and quality. Sleep Insights (PJ37): Provide basic tips for better recovery based on their sleep logs. Display this information under a "Sleep Tips" section. the background of the whole page should be #111827 in dark mode, #F3F4F6 in light mode; the header is #1F2937 in dark mode, #FFFFFF in light mode, there should be a icon next to each components, the button sign in should be in a 1000 border radius with the color #2563EB. please add this: IoMdFitness, IoMdNutrition, FaBed, GiAchievement, FiSend, FiMenu, FaSignInAlt

Prompt
Component Preview

About

SleepTrackingComponent - Log sleep duration and quality easily, view tips for recovery, dark/light mode support, icons, and a styled s. Download free code!

Share

Last updated 1 month ago