This is a static front-end project for an analytics dashboard built with React JS. It is designed to showcase my skills and serve as a proof of concept.
The data being used for the user directory, invoice directory, and data chart directory come from mockdata. The data on the dashboard is mostly static and hard coded.
- React JS
- @emotion/react
- @emotion/styled
- @fullcalendar/core
- @fullcalendar/daygrid
- @fullcalendar/interaction
- @fullcalendar/list
- @fullcalendar/react
- @fullcalendar/timegrid
- @mui/icons-material
- @mui/material
- @mui/x-data-grid
- @nivo/bar
- @nivo/core
- @nivo/geo
- @nivo/line
- @nivo/pie
- formik
- gh-pages
- localforage
- match-sorter
- react-router-dom
- yup
- react-pro-sidebar
To get started with this project, follow these steps:
- Clone this repository
- Install the dependencies by running
npm install - Start the development server by running
npm start - Open http://localhost:3000 to view the app in the browser
This project is deployed using GitHub Pages. To deploy your own version, follow these steps:
- Change the
homepagefield in thepackage.jsonfile to match your own GitHub Pages URL - Build the project by running
npm run build - Deploy the built files to GitHub Pages by running
npm run deploy
This project is not currently accepting contributions. However, if you find a bug or have a suggestion, please feel free to open an issue.
This project is licensed under the MIT License - see the LICENSE.md file for details.