Implementation of dashboard UI design into website.
dashboard-demo.webm
- 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
Login Page Light Mode | Login Page Dark Mode |
---|---|
Overview Page Light Mode | Overview Page Dark Mode |
Ticket Page Light Mode | Ticket Page Light Mode |
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
- 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.