Dashboard Kit
Implementation of dashboard UI design into website.
🎥 Video Demo
dashboard-demo.webm
🔮 Features
- Login account admin & user (admin account : michaelw, pass: michaelwpass | user account: emilys, pass: emilyspass)
- Sort data by name
- Sort data by date
- Filter data by priority
- Create new ticket
- Dark Mode
🖼️ Pages
Login Page Light Mode |
Login Page Dark Mode |
|
|
Overview Page Light Mode |
Overview Page Dark Mode |
|
|
Ticket Page Light Mode |
Ticket Page Light Mode |
|
|
🧰 Run in locale
To clone and run this website, you'll need Git and Node.js (which comes with yarn) installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/rizalyoga/dashboard-kit.git
# Go into the repository
$ cd dashboard-kit
# Install dependencies
$ yarn
# Run the app
$ yarn dev
⛏️ Built with
- React JS - React is a JavaScript library used to build component-based interactive user interfaces. React is created by Facebook and is open-source, so anyone can use it for free.
- Node JS v20.4.0 - Node.js is an open-source, cross-platform JavaScript runtime environment.
- Yarn - Yarn is a package manager that doubles down as project manager.
👤 Authors