Giter VIP home page Giter VIP logo

hemolog.com's Introduction

CodeFactor

Hemolog Banner

A rebirth of my popular medication tracking app for people living with hemophilia. Available for free at hemolog.com

  • Free to use
  • Not sponsored by any person or company
  • Open source

Hemolog is free but if you'd like to Donate, that would be awesome.


Features

Insights on your data

Insights are something that I always wanted to be apart of Hemolog, and now they're finally here.

These insights are calculated as you add more data. Filters will allow you to choose different time frames for viewing your data down the road giving you the best most comprehensive view into your treatment history ever. I've chosen a few stats that are interesting for me. If you have thoughts on what you would like to see just let me know.

Insights Example

Emergency Card

Allows emergency personnel to scan or visit the link written on your emergency card to quickly get all the crucial information they need.

Example Emergency Card

Create an account and fill out the profile before printing yours out today.


History

Hemolog was the first iPhone app available for hemophiliacs back in 2011. It has since been removed from the App Store since focusing on other projects meant that I couldn't keep it updated.

I initially designed Hemolog for myself. I was in college at the time and had been building websites and web apps for friends and family, along with the odd job here and there.

Hemolog meant the world to me and I'm glad it was able to serve people well for the 4 years it was on the App Store. But this year (2020), I decided to take another crack at it. The first version never really lived up to what it was suppose to be. The most important part of having data in a digital format is the ability to quickly gain insights from it. The first version didn't have any built in analytics or stats. This time around, I've made that the number one priority.

I hope you find Hemolog useful and friendly to use. Or, if you don't have a bleeding disorder like hemophilia, perhaps you find this project interesting none the less.


Developers

Getting Started

You'll need Node and Yarn installed before you can run the app. Check the package.json for corresponding version numbers.

You'll also need to start the Firebase emulators which run in a separate process. Open up a terminal window and run

yarn firebase

Then open another terminal window/tab and run the development server (Nextjs).

yarn dev

Open http://localhost:3000 with your browser to see the result.

You can also open http://localhost:8081 to see the Firebase emulators and the corresponding data. Hemolog uses Auth for authentication via Google (which is faked when running locally) and Firestore for hosting your data. You can manipulate your data via this interface as well.

After you're up and running, start editing the landing page by modifying pages/index.tsx. The page auto-updates as you edit the file.

Learn More about Next.js

To learn more about Next.js, take a look at the following resources:

Deployed on Vercel (you can do the same)

The easiest way to deploy Hemolog is to use the Vercel Platform from the creators of Next.js.


API

Added in June 2021. The Hemolog.com API allows anyone with an account to access their data via REST endpoints.

Endpoints

  • recent-treatments (most recent 3 treatments)
  • treatments (all treatments)
  • log-treatment (log a new treatment)

For example, recent-treatments returns the API key holders most recent treatments. Same as what is shown on the public emergency page. You can test this in the browser or using a cURL command.

Example cURL request

curl -X GET \
  'https://hemolog.com/api/recent-treatments?apikey=<your-api-key>' \
  -H 'Accept: */*'

hemolog.com's People

Contributors

dependabot[bot] avatar michaelwschultz avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

hemolog.com's Issues

Add API token to user profile for API access

If people want to access the API at some point like with the Raycast plugin I made, they'll need an API key instead of using the user token. This should also be able to be regenerated by the user.

Implement dark mode

While I was starting to update the app to work nicely in dark mode I decided to redesign it a bit instead. This will be a bit harder to implement but once Geist UI has a fix for it's theming system... it might not be too bad.

hemolog-v2-dark (2)

Improve color scheme

We use some hues of red and green across the app. It might be worth shifting those to help the site work better for people who are color bind.

I especially like the idea of using our Hemolog pink color along with a purple hue like described in this article.

Flash of base theme colors on page load

We use Geist-ui components across the app. I've seen some other folks complaining about this issue in the discussion there but need to look into exactly why this is happening.

This issue was closed a while back because the maintainer wasn't able to repro. I'll create a new issue and see what he has to say.

Add tests

Adding some simple E2E tests should be really easy and would go a long way in making sure Hemolog stays working.

Add QR code feature

Allow someone to generate a QR code that links to their emergency Hemolog page.
Bonus: add a wallpaper creator that spits out the persons wallpaper with the QR code attached .

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.