A dashboard is a tool used to visualize and track certain performance or status indicators. It condenses in one place the critical information of a machine, a company, a strategy, etc.
The final result will be as follows:
Note: The source code for this project can be found in the following GitHub repository: User Dashboard.
1. Resources and tools needed
For the construction of the dashboard, it is necessary to use a framework that allows us to communicate with the database and manage the corresponding data. In this regard, and taking advantage of the increased popularity of the .NET ecosystem, we will use ASP.NET Core through the MVVM (View-Model Model) pattern through DotVVM and with a relational database, in this case, with PostgreSQL.
Given these considerations, the resources and tools needed to establish our work environment are as follows:
Visual Studio 2019: http://visualstudio.microsoft.com/es/downloads/.
Workload in Visual Studio 2019: Developing ASP.NET web.
DotVVM extension for Visual Studio 2019: www.dotvvm.com/landing/dotvvm-for-visual-studio-extension.
All right, if we already have these tools installed, a good option to start building our dashboard is to look for a template of this nature that will help us with pre-defined elements and styles.
On the web, we can find multiple templates on dashboards to adapt them to our needs, some free and some paid. Here are some examples: