The Casanet Dashboard V4

A new react based modern hybrid dashboard for web & mobile.

✨✨✨ Live Web Demo Dashboard ✨✨✨

The dashboard design to fully support the following features:

• Dark\light mode theme.
• Desktop, tablet, mobile and mobile app all fully supported.
• Multi-language with fully RTL support (using i18n).

💾 backward computability 💾

You can still use the v3 dashboard.

DEVELOPMENT

The dashboard implemented using react v17 and mui v5.

To set development environment, first set the environment variables, see .env.example, then use the following commands:

• yarn - to install all dependencies
• yarn run prebuild - to fetch the casanet server spec and generate the API's calls using Swagger online generate API.
• yarn run start - to start the development assets server.
• yarn run build - To build the final bundle.

To build the mobile app using cordova first make sure you have installed Android SDK and java 11 JDK on your machine, then:

• npm i -g cordova - To install the cordova on the machine.
• cordova platform add android - Add the resources of cordova for Android.
• yarn run cordova:android - To build & run the android app.

In order to debug app in realtime, connect the device to the PC, and open debug-mode, then go to chrome://inspect/#devices page.

License

This application is an open-source code, under the GNU license.