This is a custom dashboard for Varying Vagrant Vagrants (VVV) using Material Design and written in React and Redux.
If you're a WordPress developer and don't know about VVV, you're really missing out.
If you don't care about WordPress, though, then I'm afraid you're not going to have much fun here.
I needed an excuse to experiment with Redux, Material UI and Webpack, but didn't feel like writing another to-do or counter application.
Download the pre-built project and unzip it inside the <VVV ROOT>/www/default
folder.
You should see a new material-dashboard
folder. Now enter it and copy the dashboard-custom.php
file into the parent folder to activate the dashboard.
The project requires the NPM and Composer package management applications, both of which are provided by VVV, so you may not need to install anything else. If you want to use the host operating system, though, you'll have to install these first.
- Using the terminal,
cd
into the<VVV ROOT>/www/default
directory. - Clone the repository into the
material-dashboard
directory by runninggit clone https://github.com/goblindegook/vvv-material-dashboard.git material-dashboard
. - Enter the
material-dashboard
directory you've just created. - Execute
npm install
to install dependencies. - Execute
npm run build
to build the project. - Execute
npm run activate
to copy the dashboard override to the parent directory.
If you're compiling from within VVV, please note that the npm run build
command will occasionally fail with a "process out of memory" error. Re-running the command has worked for me.
Your new dashboard interface should now be available at http://vvv/. Enjoy!
I can neither confirm nor deny the existence of a roadmap.
Material Dashboard is not the only option out there, go ahead and give these others a try: