Inspiration

I look forward to seeing my Spotify Wrapped each year and thought it would be cool to do with Health stats!

What it does

Parses user health data that is given in CSV. Manipulates data to showcase fun stats of users accomplishments from the last year

How I built it

I used React for the front end. Papaparse to parse the CSV data in the front end. ThreeJS for the scrolling and image transitions and got my data from the iPhone health app. There is not backend!

Challenges I ran into

Parsing the CSV files and getting the correct data to render was a huge issue. Either the website was too slow or there were 100 errors. ThreeJS is a Beast need way more time to play around with that before I can confidently attempt to make a website with 3d renders.

Accomplishments that I'm proud of

I finished it. I think it shows some really fun stats. I got to experiment with really cool libraries.

What's next for Health Wrapped

First is to get it live on github pages. Mobile app and expanding to other non iPhone phones.

Built With

Share this project:

Updates