{"id":26267820,"url":"https://github.com/oslabs-beta/kafkaview","last_synced_at":"2025-04-30T19:21:26.953Z","repository":{"id":217545896,"uuid":"744174044","full_name":"oslabs-beta/KafkaView","owner":"oslabs-beta","description":"KafkaView is an open-source Kafka visualizer and data monitoring tool designed to simplify the Kafka ecosystem for developers.","archived":false,"fork":false,"pushed_at":"2024-02-08T18:23:48.000Z","size":84246,"stargazers_count":45,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-08T10:53:18.606Z","etag":null,"topics":["css","docker","docker-compose","eslint","express","html","javascript","jmx-exporter","kafkaview","node","prometheus","react","webpack"],"latest_commit_sha":null,"homepage":"https://kafkaview.com","language":"JavaScript","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/oslabs-beta.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":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2024-01-16T19:08:17.000Z","updated_at":"2024-11-30T19:14:09.000Z","dependencies_parsed_at":"2024-01-22T19:40:36.860Z","dependency_job_id":null,"html_url":"https://github.com/oslabs-beta/KafkaView","commit_stats":null,"previous_names":["oslabs-beta/kafkaview"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2FKafkaView","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2FKafkaView/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2FKafkaView/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2FKafkaView/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oslabs-beta","download_url":"https://codeload.github.com/oslabs-beta/KafkaView/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251767210,"owners_count":21640470,"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":["css","docker","docker-compose","eslint","express","html","javascript","jmx-exporter","kafkaview","node","prometheus","react","webpack"],"created_at":"2025-03-14T04:18:24.466Z","updated_at":"2025-04-30T19:21:26.919Z","avatar_url":"https://github.com/oslabs-beta.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# KafkaView - Kafka Visualizer and Data Monitoring Tool\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003cimg src=\"./src/assets/kafkalogofinal.png\" width=\"400\" height=\"400\"\u003e\n\n\u003c/div\u003e\n\n## About\n\n\u003cdiv align='center'\u003e\n\n![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge\u0026logo=javascript\u0026logoColor=F7DF1E)\n![Apache Kafka](https://img.shields.io/badge/apache%20kafka-%2320232a.svg?style=for-the-badge\u0026logo=apachekafka\u0026logoColor=white)\n![Prometheus](https://img.shields.io/badge/Prometheus-E7532D?style=for-the-badge\u0026logo=prometheus\u0026logoColor=white)\n![Node](https://img.shields.io/badge/-node-339933?style=for-the-badge\u0026logo=node.js\u0026logoColor=white)\n![Express](https://img.shields.io/badge/express-%23404d59.svg?style=for-the-badge\u0026logo=express\u0026logoColor=%2361DAFB)\n![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB)\n![React-Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge\u0026logo=react-router\u0026logoColor=white)\n![Chart.js](https://img.shields.io/badge/Chart%20js-FF6384?style=for-the-badge\u0026logo=chartdotjs\u0026logoColor=white)\n![Babel](https://img.shields.io/badge/Babel-F9DC3E?style=for-the-badge\u0026logo=babel\u0026logoColor=white)\n![Webpack](https://img.shields.io/badge/Webpack-8DD6F9?style=for-the-badge\u0026logo=Webpack\u0026logoColor=white)\n![Docker](https://img.shields.io/badge/Docker-2CA5E0?style=for-the-badge\u0026logo=docker\u0026logoColor=white)\n![esLint](https://img.shields.io/badge/eslint-3A33D1?style=for-the-badge\u0026logo=eslint\u0026logoColor=white)\n\n\u003c/div\u003e\n\nWelcome to KafkaView, the open-source tool designed to simplify the Kafka ecosystem for developers and data engineers. Kafka, renowned for its powerful event streaming capabilities, often presents a steep learning curve due to its complex data flow and lack of intuitive monitoring interfaces. KafkaView is here to change that. Visit our website here  [KafkaView.com](https://www.kafkaview.com)\n\n## Table of Contents\n\n- [KafkaView - Kafka Visualizer and Data Monitoring Tool](#kafkaview---kafka-visualizer-and-data-monitoring-tool)\n  - [About](#about)\n  - [Table of Contents](#table-of-contents)\n  - [Description](#description)\n  - [Installation](#installation)\n  - [Roadmap](#roadmap)\n  - [Contact](#contact)\n  - [License](#license)\n\n## Description\n\nKafkaView is an intuitive monitoring tool designed to simplify the complexity of Apache Kafka, one of the most potent and prevalent event streaming platforms. Despite Kafka's widespread use, its intricate data flow and ecosystem can be challenging to grasp, and the platform traditionally lacks a user-friendly interface for monitoring. This often makes onboarding a daunting task for new users.\n\nWith KafkaView, users gain access to real-time updates that offer a clear view of crucial metrics for Kafka cluster management. This includes visualizing the rate at which data is produced to brokers and tracking the volume of messages across various topics. KafkaView aims to demystify Kafka's operations, presenting a more approachable structure for your Kafka projects.\n\nEspecially beneficial for newcomers, KafkaView features a dedicated informational section. This segment provides a detailed overview of the Kafka ecosystem, complete with easy-to-understand descriptions of its components. By making Kafka's inner workings more transparent, KafkaView facilitates a smoother learning curve and enhances the monitoring experience for users at all levels of experience.\n\n## Installation\n\n\n1. Clone our repository to your local machine by typing the following command into your terminal:\n\n```\ngit clone https://github.com/oslabs-beta/KafkaView.git\n```\n\n2. Open the repo with your favorite IDE. Once complete install the dependencies for our application by typing into your terminal:\n\n- **npm install**\n\n  Then type the following command to start the server:\n- **npm start**\n\n\u003e [!NOTE]\n\u003e Our application should automatically open a web browser window with our home page. You should also see a confirmation message in your terminal that the server has started. If you are encountering an issue here, check if you typed 'npm install' or verify your current repository is correct. Once you have verified everything installed correctly and the server is running, navigate to our home page by clicking this link: [localhost:8080](locahost:8080)\n\n\n3. Add your Prometheus server by typing in the ip address and exposed port of your server.\n\n\u003cbr/\u003e\n\u003cimg src=\"src/assets/login.gif\" width=\"700\" height=\"350\"/\u003e\n\n\u003cbr/\u003e\n\n\u003e [!NOTE]\n\u003e If you would like to demo KafkaView without a prometheus-configured kafka cluster, open kafka-metrics folder and follow steps in the Readme.txt to use our provided setup.\n\n4. Congrats! You can now explore the Kafka ecosystem! You will find a variety of metrics right at your fingertips, including live updates on under-replicated partitions and the total count of messages being transmitted. You can navigate to other metrics by clicking the links at the top of the page.\n  \n\u003cbr/\u003e\n\u003cimg src=\"src/assets/producerMetrics.gif\" width=\"700\" height=\"500\"/\u003e\n\n\u003cbr/\u003e\n\n\n5. If you would like to learn more about the kafka ecosystem, click on the Kafka Information page. Enjoy!\n   \n\u003cbr/\u003e\n\u003cimg src=\"src/assets/kafkaInfo.gif\" width=\"700\" height=\"500\"/\u003e\n\n## Roadmap\n\n- Expand range of metrics. If you would like to see something missing, consider contributing to the project.\n- Alert system that send a message to users when a metric reaches a critical threshold\n- Expand support for other Kafka controller systems\n- Containerize entire project \n\n## Contact\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://avatars.githubusercontent.com/u/108435897?v=4\" width=\"140px;\" alt=\"a photo of Byrce Kelly\"/\u003e\n      \u003cbr /\u003e\n      \u003cstrong\u003eByrce Kelly\u003c/strong\u003e\n      \u003cbr /\u003e\n      \u003ca href=\"https://github.com/BryceK2\"\u003e\n        \u003cimg style=\"padding-top: 10px\" src=\"https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge\u0026logo=github\u0026logoColor=white\" alt=\"GitHub\" /\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003ca href=\"https://www.linkedin.com/in/-brycekelly/\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"LinkedIn\" /\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n     \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://avatars.githubusercontent.com/u/14811666?v=4\" width=\"140px;\" alt=\"a photo of Chris Johnson\"/\u003e\n      \u003cbr /\u003e\n      \u003cstrong\u003eChris Johnson\u003c/strong\u003e\n      \u003cbr /\u003e\n      \u003ca href=\"https://github.com/Johnson-Chris00\"\u003e\n        \u003cimg style=\"padding-top: 10px\" src=\"https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge\u0026logo=github\u0026logoColor=white\" alt=\"GitHub\" /\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003ca href=\"https://www.linkedin.com/in/johnson-chris00\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"LinkedIn\" /\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://avatars.githubusercontent.com/u/148285698?v=4\" width=\"140px;\" alt=\"a photo of Joseph Defesh\"/\u003e\n      \u003cbr /\u003e\n      \u003cstrong\u003eJoseph Dafesh\u003c/strong\u003e\n      \u003cbr /\u003e\n      \u003ca href=\"https://github.com/JosephDafesh\"\u003e\n        \u003cimg style=\"padding-top: 10px\" src=\"https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge\u0026logo=github\u0026logoColor=white\" alt=\"GitHub\" /\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003ca href=\"https://www.linkedin.com/\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"LinkedIn\" /\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e \u003ctd align=\"center\"\u003e\n      \u003cimg src=\"https://avatars.githubusercontent.com/u/26880119?s=400\u0026u=94f7e8ea169586b630323f7a3e4ea6ea01922403\u0026v=4\" width=\"140px;\" alt=\"a photo of Sean Nguyen\"/\u003e\n      \u003cbr /\u003e\n      \u003cstrong\u003eSean Nguyen\u003c/strong\u003e\n      \u003cbr /\u003e\n      \u003ca href=\"https://github.com/seannguyen96\"\u003e\n        \u003cimg style=\"padding-top: 10px\" src=\"https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge\u0026logo=github\u0026logoColor=white\" alt=\"GitHub\" /\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n      \u003ca href=\"https://www.linkedin.com/in/sean-nguyen-cpslo/\"\u003e\n       \u003cimg src=\"https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"LinkedIn\" /\u003e\n      \u003c/a\u003e\n      \u003c/form\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## License\nBy contributing, you are agreeing that your contributions will be licensed under the [MIT License](/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foslabs-beta%2Fkafkaview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foslabs-beta%2Fkafkaview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foslabs-beta%2Fkafkaview/lists"}