React Admin Dashboard

Admin dashboard made with React, Material UI, Nivo Charts, Formik, Yup, FullCalendar, and Data Grid. Features light and dark mode, 4 different charts, 3 data table pages, FAQs, Form, and calendar integration.

Introduction

My first fully completed React project, and quite an important one at that. I learned a LOT from this, and it was extremely eye-opening to see just how complex Material UI is, especially after being in a bubble of solely WordPress and SCSS five days a week.

Below is an interactive iFrame of the dashboard, as well as a link to the repository and live website to view in fullscreen.

Please note that the mobile dashboard has not been fully optimised as this project was to learn more about React.

Repository: /react-admin-dashboard

Live link: react-admin-dashboard-swart.vercel.app/