Skip to content

rizalyoga/dashboard-kit

Repository files navigation

Logo

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