Mingyang-Li / capstone

⛰️Data visualisation for 10 million rows of fitness data using React, Storybook, GraphQL, NestJS, Prisma, Hasura and SQL views | 大学毕业项目:运动数据可视化 React GraphQL 前端 + 转移1000万条数据的代码

Home Page:https://healthkit.netlify.app/login

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

⛰️ UoA capstone repo

Data visualisation web application for 10 million healthcare-related data points

Recording of demo: https://www.loom.com/share/46318be5da06439fb49df1681637771d

📚 Requirements

Requirements doc (Charts to visualise) can be found here

🔒 Demo Credentials

Usernames passwords
team-two-user1@gmail.com UoaTeamTwoUser1!
team-two-user2@gmail.com UoaTeamTwoUser2!
team-two-user3@gmail.com UoaTeamTwoUser3!
team-two-user4@gmail.com UoaTeamTwoUser4!
team-two-user5@gmail.com UoaTeamTwoUser5!

🎨 Technologies used

Purpose Tools
✅ Frontend UI React (TS)
✅ Routing React-Router
✅ Generating API types for frontend GraphQL Codegen
✅ State management Apollo client
✅ Styling - structure MUI & Tailwind CSS
✅ Data migration Prisma ORM
✅ Grouping data SQL views
✅ Data-visualisation library ReactApexCharts

🛠️ Infrastructure

Purpose Tools
✅ GraphQL API Hasura
✅ Database provider Heroku PostgreSQL
✅ Authentication provider Auth0
✅ Frontend deployment Netlify

📚 Sample dataset

https://datasets.simula.no/pmdata/

About

⛰️Data visualisation for 10 million rows of fitness data using React, Storybook, GraphQL, NestJS, Prisma, Hasura and SQL views | 大学毕业项目:运动数据可视化 React GraphQL 前端 + 转移1000万条数据的代码

https://healthkit.netlify.app/login


Languages

Language:TypeScript 94.2%Language:MDX 3.0%Language:CSS 1.3%Language:JavaScript 1.2%Language:HTML 0.4%