This full stack admin dashboard utilizes a MongoDB and Express.js backend and a React frontend utilizing Redux Toolkit Query to make the API calls. The data is then presented in a clean and consice way using both Nivo Charts and MUI's Data Grid. I learned and implemented quite a few new things while completing this project:
I am not completely new to backend. In fact, after learning the basics of programming in Python, my next language after that was PHP and the Laravel Framework. I am new to makeing API calls and building backend scaffolding in JavaScript and this project threw me into the deep end of getting that all figured out. I reinforced the Model-View-Controller concepts I learned while studying PHP and was able to use that information in a new way with this project. I also got more practice with data modeling and database structure.
This project was completed with help from an online tutorial. I was able to complete large portions of this project on my own this time as I've grown more and more familiar with React and JavaScript. This project uses some pretty advanced concepts and its great to see these in use to give me a foundation for future projects.
The completed Full Stack Admin Dashboard is deployed and available for live preview. When visiting the site, please allow 20-30 seconds for the data to load as the host for the site closes the database connection after 15 minutes of inactivity. Overall I think this project is a great addition to my portfolio.
January 24, 2023