An administrator dashboard for any MERN full-stack application, but currently set specifically for e-commerce applications.
The project was built with javascript, prettier to make the code easier to read, eslint (Airbnb and Prettier configurations) to find problems in the code, Material-UI with Emotion for styling, Material-UI Data Grid for table UI and functionality, dnd-kit for the kanban board's dragging and dropping functionality, FullCalendar for the calendar UI and functionality, nivo and recharts for respective chart UI and functionality, formik and yup for form validations, jodit for the text editor UI and functionality, react-circular-progressbar for the Dashboard's progress bar, react-pro-sidebar for the sidebar, and Google Fonts.
- Open your terminal and type git clone https://github.com/christiandeandemesa/react-admin.git
- To download the dependencies, cd into the react-admin folder and type npm install
- Run this project by typing npm start.
- User can view dummy data related to a faux e-commerce application in the Dashboard.
- User can navigate the application using the expandable sidebar.
- User can switch between day and night mode.
- User can view dummy data related to current users (viz. administrators and customers), products, and orders.
- User can view a dummy overview for any specific user, product, or order.
- User can view a form for creating new users and products.
- User can create, edit, and delete events on the calendar.
- User can create, move, and delete cards on the Kanban board.
- User can edit text in the text editor.
- User can view a list of dummy FAQs.
- User can view various charts displaying dummy data.
- Responsive web design for smaller viewports.
- Cross browser support for Chrome, Firefox, Opera, and Safari.
- User can reorder the cards in any lane on the Kanban board.
- Christian Demesa: https://github.com/christiandeandemesa