Live Demo: https://dailyhealthjh.netlify.app
A personal wellness application that provides customized daily health recommendations based on how users are feeling. This interactive app guides users through a simple check-in process and offers personalized suggestions for yoga poses, meditations, or affirmations. Building this taught me how to create conditional logic and personalized user experiences using vanilla JavaScript.
I wanted to create a wellness app that gives personalized daily health guidance in a simple, interactive way. The challenge was building conditional logic for recommendations and ensuring a smooth user experience with responsive design.
- Live Demo: https://dailyhealthjh.netlify.app
git clone [your-repo-url] cd daily-health-app
open index.html
Frontend: HTML5, CSS3, JavaScript (ES6+)
Layout: CSS Grid, Flexbox
Interactions: DOM manipulation, Event handling
Deployment: Netlify
Version Control: Git/GitHub
Interactive daily wellness check-in questionnaire
Personalized recommendations based on user mood/energy
Curated yoga poses, meditations, and affirmations
Responsive layout for mobile and desktop
Mood-based content filtering system
Creating personalized user experiences with conditional logic
Building interactive questionnaires and form flows
Managing application state with vanilla JavaScript
Implementing mood-based content delivery systems
Change everything to React and Styled components