matter dashboard

Matter-Dashboard

Matter ist ein Materialdesignsystem, das auf der neuesten Version von Bootstrap aufbaut. Es ist unter MIT veröffentlicht, was bedeutet, dass Sie damit machen können, was Sie wollen, Sie können es für Ihre persönlichen Projekte oder Kundenprojekte verwenden oder es verkaufen, es gibt keine Einschränkungen.

Story: Matter ist Teil eines gescheiterten Nebenprojekts. Um es kurz zu machen: Ich verlor das Interesse an dem Projekt und alles brach zusammen. Um die ursprüngliche Idee des Projekts weiterzuverfolgen (die darin bestand, anderen Entwicklern zu helfen, Dinge schneller zu liefern) und das Projekt am Leben zu erhalten, habe ich beschlossen, Matter umzugestalten und kostenlos zu veröffentlichen. Bei der Version, die Sie gerade ansehen, handelt es sich um eine abgespeckte Version. Weitere Komponenten werden hinzugefügt, wenn sie überarbeitet werden.

Installation

Stellen Sie vor allem sicher, dass nodejs und npm auf Ihrem Computer installiert sind. Wenn nicht, befolgen Sie diese Anweisungen und fahren Sie dann mit den nächsten Schritten fort:

git clone https://github.com/alexandonie/matter-dashboard

 cd matter-dashboard

npm run install

Läuft

Das Projekt befindet sich jetzt auf Ihrem Computer und alle Abhängigkeiten sollten installiert sein. Jetzt müssen Sie nur noch das Projekt starten. Sie können dies tun, indem Sie den folgenden Befehl ausführen:

npm run dev

Dadurch wird das Projekt im Entwicklungsmodus ausgeführt. Es startet einen lokalen Entwicklungsserver, generiert Quellkarten und alles, was für eine moderne Front-End-Entwicklungsumgebung erforderlich ist.

Wenn Sie die Projektproduktion vorbereiten möchten, müssen Sie nur Folgendes ausführen:

npm run build

Dadurch wird Ihr gesamter Code gebündelt und optimiert, alle Ihre Assets für das Cache-Busting umbenannt (unter anderem) und alles wird in einem dist Verzeichnis auf der Stammebene des Projekts abgelegt.

Dateistruktur

 matter-dashboard
├── config
├── dist
├── src
│   ├── images
│   ├── scripts
│   ├── styles
│   ├── views
│   └── index.js
├── .babelrc
├── .eslintrc
├── .gitignore
├── LICENSE
├── package-lock.json
├── package.json
├── postcss.config.js
└── README.md

Mitwirken

Jeder ist willkommen, einen Beitrag zu leisten. Wenn Sie etwas hinzufügen, ändern oder reparieren möchten, senden Sie bitte eine PR. All die guten Sachen werden so schnell wie möglich zusammengeführt.

Autor

Von mir entworfen und programmiert?

• Website: https://alexandonie.com/
• Github: https://github.com/alexandonie/

Lizenz

Der Code ist unter der MIT-Lizenz verfügbar.