{"id":21935967,"url":"https://github.com/RazzerDE/clank-bot-dashboard","last_synced_at":"2025-10-09T19:31:26.530Z","repository":{"id":265229134,"uuid":"890043379","full_name":"RazzerDE/clank-dashboard","owner":"RazzerDE","description":"🛠️ This dashboard allows you to configure \u0026 customize my own Discord bot \"Clank\" without needing to use Discord directly.","archived":false,"fork":false,"pushed_at":"2025-01-25T22:52:17.000Z","size":27689,"stargazers_count":19,"open_issues_count":26,"forks_count":4,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-25T23:31:58.102Z","etag":null,"topics":["angular","bot","bot-dashboard","chatbot","dashboard","dashboard-application","dashboards","discord","discord-bot","discordbot"],"latest_commit_sha":null,"homepage":"https://clank.dev","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RazzerDE.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-17T21:32:46.000Z","updated_at":"2025-01-25T22:52:20.000Z","dependencies_parsed_at":"2024-12-15T00:20:46.484Z","dependency_job_id":"b3b28e41-4de6-4890-b025-eacd1b81c22a","html_url":"https://github.com/RazzerDE/clank-dashboard","commit_stats":null,"previous_names":["razzerde/clank-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RazzerDE%2Fclank-dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RazzerDE%2Fclank-dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RazzerDE%2Fclank-dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RazzerDE%2Fclank-dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RazzerDE","download_url":"https://codeload.github.com/RazzerDE/clank-dashboard/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235854918,"owners_count":19055685,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","bot","bot-dashboard","chatbot","dashboard","dashboard-application","dashboards","discord","discord-bot","discordbot"],"created_at":"2024-11-29T01:12:32.145Z","updated_at":"2025-10-09T19:31:26.524Z","avatar_url":"https://github.com/RazzerDE.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n     🛠️ Clank-Dashboard ~ Creative dashboard for discord-bots\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ci align=\"center\"\u003eThis dashboard allows you to configure \u0026 customize my own Discord bot \"Clank\" without needing to use Discord directly. \u003cbr /\u003eIt doesn't include the backend functionalities.\u003c/i\u003e\n  \u003cbr /\u003e\u003cbr /\u003e\n\n| ![Landing Page](https://i.imgur.com/xYCoqv5.png) | ![Dashboard (Logged In)](https://i.imgur.com/O5DPJkI.png) |\n|:------------------------------------------------:|:---------------------------------------------------------:|\n|                 **Landing Page**                 |                 **Dashboard (Logged In)**                 |\n\u003cbr /\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://pagespeed.web.dev/analysis/https-clank-dev/6098g4srg4?form_factor=desktop\"\u003e\u003cimg src=\"https://i.imgur.com/MKn1nOT.png\" style=\"height: 100px;\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003ch4 align=\"center\"\u003e\n  \u003ca href=\"https://angular.dev\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Angular-20.1.3-27ae60?style=for-the-badge\" alt=\"angular version\" style=\"height: 25px;\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://tailwindcss.com\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Tailwind-3.4.17-27ae60?style=for-the-badge\" alt=\"tailwind version\" style=\"height: 25px;\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://animate.style\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Animate.css-4.1.1-27ae60?style=for-the-badge\" alt=\"animate.css version\" style=\"height: 25px;\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://jestjs.io/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/JEST-29.7.0-27ae60?style=for-the-badge\" alt=\"jest version\" style=\"height: 25px;\"\u003e\n  \u003c/a\u003e\n  \u003cbr\u003e\n\u003c/h4\u003e\n\u003ch4 align=\"center\"\u003e\n \u003ca href=\"https://discord.gg/bl4cklist\"\u003e\n    \u003cimg src=\"https://img.shields.io/discord/616655040614236160?style=for-the-badge\u0026logo=discord\u0026label=Discord\u0026color=%237289da\" alt=\"discord server\" style=\"height: 25px;\"\u003e\n  \u003c/a\u003e\n  \n \u003ca href=\"https://status.bl4cklist.de\"\u003e\n   \u003cimg src=\"https://uptime.betterstack.com/status-badges/v1/monitor/22wtt.svg\" alt=\"uptime status\" style=\"height: 25px;\"\u003e\n \u003c/a\u003e\n\u003c/h4\u003e\n\n## 🗯️ Introduction\n› This project provides the frontend for the dashboard of my own public Discord bot \"Clank\" and is also actively used to configure modules and general settings of it. I hope that maybe some people can learn something from it when they look at the project.\n\n💝 › The project was developed by Yannic Drews and is actively maintained - user requests are welcome and are actively discussed together with a small Discord server team. :)\n\n## 🪛 What can i learn?\n› `Clank Dashboard` offers some fundamental features that help you better understand or apply basic concepts in certain areas.\n\u003cbr /\u003e\n\n📢 › This project uses a handful third-party libraries: `Tailwind`, `Bootstrap`, `JEST` and `Animate.css`.\n\nIt supports following \u003cstrong\u003efeatures\u003c/strong\u003e:\n\u003cul\u003e \n  \u003cli\u003e🖼️ \u003cstrong\u003eCreative \u0026 beautiful design\u003c/strong\u003e: We have put a lot of thought into the design of the website and wanted it to be something unique - we have put a lot of love and attention to detail into it.\u003c/li\u003e\n  \u003cbr /\u003e \n  \u003cli\u003e💚 \u003cstrong\u003e100% Unit-Test Coverage\u003c/strong\u003e: Software testing is an important point when programming professionally for clients - we have tested all our TypeScript code, and you may be able to learn something from it.\u003c/li\u003e \n  \u003cbr /\u003e \n  \u003cli\u003e⚙️ \u003cstrong\u003eServer-Side-Rendering\u003c/strong\u003e: The landing page inside this little dashboard is using Angular's SSR to be optimized for Google and as fast as possible.\u003c/li\u003e \n  \u003cbr /\u003e \n  \u003cli\u003e🚩 \u003cstrong\u003eLanguage Switcher\u003c/strong\u003e: Our website automatically detects the language of your browser and displays English/German accordingly, alternatively the user can switch via button click.\u003c/li\u003e \n  \u003cbr /\u003e \n  \u003cli\u003e📱 \u003cstrong\u003eResponsive for all Devices\u003c/strong\u003e: We have put a special focus on ensuring that the website is beautifully and user-friendly displayed on as many devices as possible.\u003c/li\u003e \n  \u003cbr /\u003e \n  \u003cli\u003e👥 \u003cstrong\u003eDiscord-Login\u003c/strong\u003e: To log in to the dashboard, the respective user must authenticate with Discord.\u003c/li\u003e\n  \u003cbr /\u003e \n  \u003cli\u003e📒 \u003cstrong\u003eDrag-\u0026 Drop\u003c/strong\u003e: For some functionalities, we're using Drag-\u0026 Drop angular mechanics to make the list management more easier.\u003c/li\u003e\n  \u003cbr /\u003e \n  \u003cli\u003e🎈 \u003cstrong\u003eCatchy Animations\u003c/strong\u003e: As soon as an object comes into the user's field of view, a beautiful animation is played if applicable.\u003c/li\u003e \n  \u003cbr /\u003e \n  \u003cli\u003e🔺 \u003cstrong\u003eWork with API-Data\u003c/strong\u003e: Here you can see how API data from a REST server could be processed.\u003c/li\u003e\n  \u003cbr /\u003e \n  \u003cli\u003e🔍 \u003cstrong\u003eSearch function\u003c/strong\u003e: Users can search for specific functions or pages in the bot's dashboard if they are logged in.\u003c/li\u003e \n  \u003cbr /\u003e \n  \u003cli\u003e⏳ \u003cstrong\u003ePage-Loader\u003c/strong\u003e: While the website is being built and all data is loading, a nice animated icon is displayed, which was built entirely with CSS.\u003c/li\u003e \n\u003c/ul\u003e\n\n⚙️ › To run the \u003cstrong\u003etest coverage\u003c/strong\u003e and see the results, just open a terminal in the project root folder and run the command `jest`.\n\n## 🔨 Usage\n› You need to invite our discord-bot \u003ca href=\"https://bl4cklist.de/invites/clank\"\u003e\u003cstrong\u003eClank\u003c/strong\u003e\u003c/a\u003e to your discord-server.\n\nAfter that, you can open this dashboard here: \u003ccode\u003ehttps://clank.dev\u003c/code\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRazzerDE%2Fclank-bot-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FRazzerDE%2Fclank-bot-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRazzerDE%2Fclank-bot-dashboard/lists"}