H.care

H.care is an open-source healthcare dashboard template built on Next.js and Firebase that visualizes personal health data such as water intake, steps, sleep, nutrition, and activity.

What is H.care?

H.care is a healthcare dashboard template built with Next.js, Firebase, and TailwindCSS to help users monitor lifestyle metrics. It takes user health data—either entered manually or via natural-language queries—and produces visual dashboards for water consumption, step counts, sleep records, nutrition, mental health, and exercise activity. The project is open source under the MIT license and maintained by the developer behind the Twitter handle heyyakash.

Key Features

• Health overview dashboard — Displays water consumption, steps, sleep records, and other metrics in graphical form alongside the latest health news.
• Natural-language nutrition tracker — Queries via the Nutritionix API understand phrases like "I ate 2 eggs for breakfast today" and return calorie, carbohydrate, protein, and sugar breakdowns.
• Sleep analysis — Presents sleep data in charts and delivers personalized tips for better sleep.
• Mental health suggestions — Matches current mood with practical mental-health improvement tips.
• Activity tracker — Logs activity, calculates calories burned from natural-language exercise queries, and recommends exercise video links.
• Built-in health chatbot — Answers fitness and wellness questions directly inside the dashboard.
• Tech stack integrations — Uses nivo.rocks (React + D3) charts, NextAuth for Google authentication, React-Icons, and TheNewsApi for filtered news.
• MIT-licensed open source — Free to use, modify, and contribute to via pull requests.

Who is it for?

• Web developers who want a ready-made Next.js + Firebase health dashboard starter to customize for their own product.
• Fitness and wellness enthusiasts who prefer a self-hosted tool for tracking daily habits instead of commercial apps.
• Product teams building health or wellness MVPs who need a working frontend with data visualizations and chatbot integration.

What can you do with H.care?

• Developers: Fork the repository, configure Google OAuth and a News API token, and deploy a custom health dashboard on Vercel or any Node.js host.
• Health trackers: Log food and exercise in plain English to get macro and calorie estimates plus exercise videos.
• Researchers or hobbyists: Use the sleep, mood, and activity dashboards to study personal health patterns.

How does H.care work?

After cloning the repository, run npm i to install dependencies and create a .env.local file containing GOOGLE_CLIENT_ID, GOOGLE_CLIENT_SECRET, and NEXT_PUBLIC_NEWS_API_TOKEN. Starting the dev server with npm run dev launches the app at http://localhost:3000, where Firebase handles real-time data storage and fetching.

Pros and cons

• Free and open source (MIT license).
• Natural-language API integration simplifies food and exercise logging.
• Real-time database sync via Firebase.
• Requires creating Google OAuth credentials and obtaining a News API token before the app runs.
• The template is self-hosted; there is no managed deployment included.

Pricing

H.care is free to use, modify, and distribute under the MIT license. No paid tiers or subscription plans are mentioned.

FAQ

Is H.care free?

Yes, H.care is open source under the MIT license, so you can use it for personal or commercial projects without paying a license fee. You will only incur costs for any third-party APIs you choose to use at scale.

How do I set up H.care locally?

You need Node.js and npm. Fork and clone the repository, run npm i, create a .env.local file with your Google OAuth credentials and News API token, then run npm run dev. The dashboard will be available at http://localhost:3000.

What APIs does H.care integrate?

H.care uses Nutritionix for nutrition and exercise data, TheNewsApi for health news, Firebase for database and real-time functions, NextAuth for Google authentication, and nivo.rocks for chart visualizations.

Can I contribute to H.care?

Yes, the project welcomes contributions. You can fork the repository and submit a pull request, or contact the maintainer via Twitter at heyyakash.