Responsive, mobile compatible, full stack Admin Dashboard application with the ability to navigate products, customers, transactions, user location geography, sales, admin management and more.
Browse products - each product containing a description, rating, and price.
View Customers - each customer is represented as a user with an ID, name, email, phone number, etc.
Recent Transactions - Each transaction has a unique ID and a corresponding User that generated that transaction. Admins can view these transactions in order to troubleshoot business processes.
View Map of User Geography - User data is quried from our MongoDB and a request is sent to Nivo Rocks in order to get the geography map data (Choropleth chart).
Sales Overview - Graph of the sales overview is included for display. Admins can view this chart and take action depending on the trajectory.
Daily Sales
Monthly Sales
Sales Breakdown
Admin List - List of the users allowed as admins.
View Performance - Performance of users can be viewed if you're an admin.
Light Mode - toggle between dark mode and light mode depending on preference.
Deployment architecture is as follows. Our data is stored in our mongoDB database, which communicates with our server. This server and client are hosted on render. When you visit the deployed site, you're really just visiting the deployed client site. However, this communicates with our backend (also hosted on render). Render will communicate with github for us and refresh the deployment anytime a change is made to the main branch. Note: Environemnt variables and node modules are not pushed to github (gitignore). Env variables are set up on render.