mint-health
Build a full-stack web app called "GlowTrack". Purpose: Users can track daily health data and skin condition. Based on inputs, the system provides skincare product suggestions and a simple diet plan. Tech Stack: Frontend: React Backend: Node.js + Express Database: MongoDB First, design the system architecture: - Define database schema - Define collections/tables - Define API endpoints - Explain recommendation logic structure Keep it MVP level, simple rule-based logic.
Comments (0)
Sign in to leave a comment
Project Tasks14
Build HealthLog Page
As a user, I want to log my daily health data, including hydration levels, sleep hours, stress levels, and diet notes. This page should align with the soothing color theme and include micro-interactions.
Build SkinLog Page
As a user, I want to record my skin condition, including skin type, issues, and severity. This page should align with the soothing color theme and include micro-interactions.
Design Home Page
As a user, I want to see an interactive skin journal dashboard on the home page, featuring dynamic graphs, a skin condition heatmap, a product carousel, and diet plan cards. The design should align with the soothing color theme and include micro-interactions for a polished experience.
Build Recommendations Page
As a user, I want to view personalized skincare product suggestions and browse a carousel of recommended products. This page should align with the soothing color theme and include micro-interactions.
Implement HealthLog API
As a user, I want to log my daily health data, including hydration levels, sleep hours, stress levels, and diet notes. The API should store data in the HealthData collection.
Implement SkinLog API
As a user, I want to record my skin condition, including skin type, issues, and severity. The API should store data in the SkinCondition collection.
Align Colors and Theme
As a user, I want the application to have a soothing and clean aesthetic with the specified color scheme (Soft Lavender, Mint Green, Coral Pink, Light Beige) and modern sans-serif fonts (Poppins or Lato).
Implement Recommendations API
As a user, I want to fetch personalized skincare product suggestions based on my logged health and skin condition data. The API should retrieve data from the Products collection and match it to user data.
Build Dashboard Page
As a user, I want to view my health and skin condition stats on the dashboard, including dynamic graphs, a skin condition heatmap, and links to log data, view recommendations, and access diet plans. Implement this page based on the existing JSX design.
Build History Page
As a user, I want to view a history of my logged health and skin condition data, including a skin condition heatmap and past logs. This page should allow users to review their progress over time.
Build DietPlan Page
As a user, I want to view diet plan cards for each meal (breakfast, lunch, dinner) with flip-style interactions to reveal detailed suggestions. This page should align with the soothing color theme and include micro-interactions.
Implement Dashboard API
As a user, I want to fetch my health and skin condition stats for the dashboard, including hydration levels, sleep hours, stress levels, and skin condition severity. The API should aggregate data from HealthData and SkinCondition collections.
Implement History API
As a user, I want to fetch a history of my logged health and skin condition data, including a skin condition heatmap and past logs. The API should retrieve data from HealthData and SkinCondition collections.
Implement DietPlan API
As a user, I want to fetch diet plan suggestions tailored to my health data and skincare goals. The API should retrieve data from the DietPlans collection and match it to user health data.
No comments yet. Be the first!