https://github.com/sainiabhishek/nextjs_dashboard-app

It is a learning project. It showcase the Admin Dashboard in NextJS and React by using best practices.
https://github.com/sainiabhishek/nextjs_dashboard-app

formik fullcalendar mui-data-grid mui-material nextjs nivo nivo-charts react-calendar react-chartjs-2 react-router reactjs typescript yup-validation

Last synced: 13 days ago
JSON representation

It is a learning project. It showcase the Admin Dashboard in NextJS and React by using best practices.

• Host: GitHub
• URL: https://github.com/sainiabhishek/nextjs_dashboard-app
• Owner: SAINIAbhishek
• Created: 2023-04-03T13:08:23.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-08-25T21:49:32.000Z (over 1 year ago)
• Last Synced: 2024-11-15T19:33:40.016Z (2 months ago)
• Topics: formik, fullcalendar, mui-data-grid, mui-material, nextjs, nivo, nivo-charts, react-calendar, react-chartjs-2, react-router, reactjs, typescript, yup-validation
• Language: TypeScript
• Homepage: https://dashboard-app-sainiabhishek.vercel.app/
• Size: 598 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Admin Dashboard Application

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Project overview

The purpose of this project is to demonstrate a fully functional Frontend Admin Dashboard by using the best practices in next.js and react.

![Application demo](./public/screenshot.png)

## External libraries or Frontend stacks:

- TypeScript

- React FullCalendar (https://fullcalendar.io/)

- MUI (offers a comprehensive suite of UI tools to help you ship new features faster)

- MUI DataGrid Table

- Formik (building forms)

- yup (a schema builder for runtime value parsing and validation)

- Emotion library (designed for writing css styles with JavaScript)

- React dom

- Nivo (nivo provides a rich set of dataviz components, built on top of D3 and React.)

- React Charts (the most popular charting library.)

## Getting Started

First, run the development server:

```bash

npm run dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.