Game Dashboard

Dashboard using React 18, Material-UI, Nivo Charts, FullCalendar, Formik and Yup.

What is inside?

This project uses many tools like:

• Vite
• ReactJS
• TypeScript
• Material-UI
• Nivo Charts
• FullCalendar
• Formik
• Yup
• Eslint
• Prettier

Getting Started

For this project I used Node.js v16.10.0 and PNPM v7.26.2

Install

Clone this project

git clone https://github.com/ViniciusLagoGehrke/Game-Dashboard.git

Access the project directory.

cd Game-Dashboard

Install dependencies. (I suggest using PNPM)

pnpm install

Serve with hot reload at http://localhost:5173.

pnpm run dev

Lint

pnpm run lint

Typecheck

pnpm run typecheck

Build

pnpm run build

Test

pnpm run test

View and interact with your tests via UI. (Awesone vitest feature!)

pnpm run test:ui

Deployment

I deployed this project in Vercel where you can Log in with GitHub, GitLab, Bitbucket, or email to deploy websites for free with zero configuration, automatic SSL, and global CDN.

You can check it live here: Game Dashboard

OnPortfolio