Material UI - Next.js example in TypeScript

How to view the project

Clone the repository

Install it and run:

pnpm install
pnpm dev

The purpose

This project is a demo application to showcase a profile page for rex.fit app, requirements being described as

• A new Next.js project set up with TypeScript, Material-UI, and visx.
• A static layout of the user profile page.
• Three React components for the user information, heatmap, and workout feed.

Design

LoFi design can be found at Figmahttps://www.figma.com/file/lmuS9OLlVmbObd7IWJSLAt/Rex-x-%C3%9Cmit-Can?type=design&node-id=3-30&mode=design&t=DxJSWEQkmR1NRFB1-4: