This is the frontend of a fullstack app for fitness and health tracking. Users can track their weight, fitness goals, and daily exercise, meals, sleep, and mental well-being. Changes to user's weights are stored as unique entries to allow users to analyze their progress over time with lots of data visualization on the frontend.
The site can be visited here.
- react - reactive SPA library
- typescript - type-safe superset of JavaScript
- nextjs - React Framework
- react-query - Query and Cache manager
- tailwind-css - CSS-styling library
- headless-ui - unstyled component library for use with Tailwind
- hero-icons - icon library
- react-icons - icon library
- victory - data visualization library
- dayjs - datetime utilities library
- react-hook-form - React form management library
- graphql-codegen - GraphQL code generator to produce custom React hooks
The frontend is currently working and hosted via Vercel.