React Admin Dashboard

Hi Finn,

In case you forgot what you've achieved in the future, here is something to look at. You did comment in the files to explain why and how to do it. And also look up package.json to find out what package to install.
Mainly you use:

---

• Material UI

  • for styling and that's awesome because it's a really good component library for React.
    • The theme setting was cool.
  • data grid in data layout out and come with awesome functionality. ( sort data, download as SCV... etc. )
  • icons (kinda like font-awesome).
  • Accordion basic tool.

• FullCalendar

  • a React calendar component to interact with.
  • sorts of plugins to add to the calendar component.

• Nivo

  • for data present, like pie charts, bar charts, and even geography charts!
  • good intro, and is easy to use.

• Formik

  • An open-source form library for React.
  • use Yup for object schema validation.

• react-pro-sidebar

  • stylish sidebar for React.

• react-router

  • HashRouter for route

• VScode extension

  • [Tailwind Shade] to convert hex code to more shade (cmd+k cmd+g)

• Chrome extension

  • [Toogle Pastiside] to look up css grid layout on specific page

• Migrate to Vite from Create React App (CRA)

  • reduce project physical size
  • step refer to

  ---

Best regards

Finn from the past