Note
🌐 Tila Dashboard is a powerful and user-friendly platform that empowers you to monitor your website's uptime, metrics, and incident history. With its sleek design and robust features, you can effortlessly manage your online presence and keep your users informed.
- 🕰️ Uptime Monitoring: Track the uptime of your website and receive alerts for any downtime.
- 📊 Metrics Visualization: Analyze your website's performance with interactive charts and data visualizations.
- 📢 Incident Reporting: Publish updates and communicate with your users about any incidents or maintenance.
- 🔒 Secure and Self-Hostable: Fully open-source and customizable, with the option to self-host the dashboard.
- 🥟 Desktop UI/UX: Completely desktop friendly and customizable website design, with support for tailwind css.
Tila Dashboard is built using the following powerful technologies:
- 🦕 Deno - A modern, secure, and fast runtime for JavaScript and TypeScript.
- 🔥 Lume - A Deno-powered powerfull static site generator.
- 🌙 Lume CMS - Great content management tool that supports GitHub versioning also as well as local
- 🧠 Nunjucks - A powerful templating engine for JavaScript.
- 🎨 Tailwind CSS - A utility-first CSS framework for rapid UI development.
- 🕸️ Browserless - A cloud-based service for running headless Chrome and Puppeteer.
- 📊 Chart.js - A popular JavaScript library for creating beautiful data visualizations.
Here's a working and expected screenshot of Tila dashboard
| Website Monitor [Online] |
|---|
 |
| Website Monitor [Offline] |
|---|
 |
| Managing Incidents [CMS] |
|---|
 |
| Content Management System |
|---|
 |
Tip
Tila Dashboard is designed to be easily self-hosted. Follow these steps to set up your own instance:
-
Clone or Use as Template: Start by either cloning the Tila Dashboard repository directly or use it as a template to create a new repository for your own customized version.
-
Clear Demo Data: Before you begin configuring the project, run the command
deno run -A scripts/delete_data.jsto clear the demo data from the repository, ensuring a clean slate for your own website monitoring setup. -
Configure Uptime Workflow: Navigate to the
.github/workflows/uptimer.ymlfile and update it with your website's domain and the desired monitoring schedule in crone date time format. This will set up a recurring GitHub Actions workflow to regularly check the uptime of your website. -
Add Your Website Domain: Either add your website's domain to the
CONFIG.jsonfile or specify it under theWEBSITE_DOMAINenvironment variable in the.github/workflows/uptimer.ymlworkflow. This will ensure that the dashboard tracks the correct website. -
Verify Settings: Run the command
deno run -A scripts/get_data.jsto check that your website domain and other settings are correctly configured. -
Set Up Browserless Credentials: Configure the
BROWSERLESS_SERVER_DOMAINGitHub repository secret for the Browserless API and authenticationTOKEN. This will allow the uptime monitoring workflow to securely access the Browserless service. -
Enable GitHub Pages: Enable GitHub Pages for your repository so that the Tila Dashboard can be served as a static website.
-
Deploy to GitHub: Commit and push your changes to your GitHub repository. Once the initial workflow run completes, your self-hosted Tila Dashboard will be up and running, ready to monitor and display the metrics for your website powered by GitHub actions.
Important
Remember, these steps guide you through the initial setup process. After completing these steps, you can further customize the Tila Dashboard to meet your specific needs, such as adding more websites to monitor, configuring incident reporting, and exploring the various features of the dashboard.
To run Tila Dashboard locally, follow these steps:
- Clone the repository:
git clone https://github.com/ArnavK-09/tila-dashboard.git - Navigate to the project directory:
cd tila-dashboard - Start the development server:
deno run serve - Open your browser and visit
http://localhost:6969to see the Tila Dashboard in action.
We welcome contributions to Tila Dashboard! If you'd like to contribute, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and commit them.
- Push your changes to your forked repository.
- Submit a pull request to the main repository.
We'll be happy to review your contribution and merge it if it aligns with the project's goals.
If you find Tila Dashboard useful, please consider starring the repository. Your support helps us improve and maintain the project.
Warning
- Error status on live demo website is because I haven't hosted browserless otherwise it would show working sign!
- Current Content Management System of Incidents Managments is set to be on work local environment only and uses CMS Folder for saving data! If you are using in prod. you need to switch to GitHub storage in cms settings, you can take guidance here