https://github.com/cak/sarif-dashboard
A modern dashboard for visualizing and analyzing SARIF (Static Analysis Results Interchange Format) output.
https://github.com/cak/sarif-dashboard
Last synced: about 1 month ago
JSON representation
A modern dashboard for visualizing and analyzing SARIF (Static Analysis Results Interchange Format) output.
- Host: GitHub
- URL: https://github.com/cak/sarif-dashboard
- Owner: cak
- License: mit
- Created: 2025-01-25T09:44:55.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-26T18:19:22.000Z (over 1 year ago)
- Last Synced: 2025-01-26T18:28:58.610Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://sarif-dashboard.vercel.app
- Size: 116 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# SARIF Dashboard
A modern web application for **processing** and **visualizing** SARIF (Static Analysis Results Interchange Format) data, built with **Next.js 13** and **shadcn/ui**. The entire pipeline remains **local** to the browser—no data is uploaded to a server—making it a secure and privacy-focused choice for analyzing and sharing static analysis results.
---
## ✨ Key Features
- **Upload or Paste SARIF**
Seamlessly upload a `.sarif` file or paste raw SARIF JSON into the app. The data is processed **client-side**, ensuring complete privacy.
- **Privacy-Focused**
All SARIF data is processed locally in your browser and temporarily stored in `sessionStorage`. No data leaves your browser, and it is automatically cleared when the tab is closed.
- **Interactive & Responsive UI**
- 📊 **Charts**: Bar charts, doughnut charts, and more to visualize trends in your SARIF data.
- 📋 **Metrics**: Key insights such as total findings, fixable findings, and severity breakdowns.
- 🔍 **Data Table**: A filterable, searchable table to drill into specific findings.
- **Modern Tech Stack**
Powered by **Next.js 13**, styled with **TailwindCSS**, and built with **shadcn/ui** for a professional, sleek, and user-friendly experience.
---
## 🚀 Getting Started
1. **Clone the repository**:
```bash
git clone https://github.com/cak/sarif-dashboard.git
cd sarif-dashboard
```
2. **Install dependencies**:
```bash
npm install
```
3. **Run the development server**:
```bash
npm run dev
```
Then open [http://localhost:3000](http://localhost:3000) in your browser.
4. **Usage**:
- **Landing Page**:
Upload a SARIF file or paste SARIF JSON to view results.
- **Dashboard**:
View key metrics, analyze charts, and explore findings in a detailed table.
---
## 🔒 Privacy Notice
All SARIF data is processed **locally** in your browser and stored securely in **local storage**. This means:
- No data is sent to any external servers.
- Your findings are available for future reference within the same browser session.
---
## 📘 Learn More About SARIF
The SARIF format is an open standard for representing static analysis tool results.
- Learn more: [SARIF Specification](https://docs.oasis-open.org/sarif/sarif/v2.1.0/sarif-v2.1.0.html)
- Explore samples: [Microsoft SARIF SDK Samples](https://github.com/microsoft/sarif-sdk/tree/main/src/Samples)
---
## 🛠 Technologies Used
- **Next.js 13** – Modern React framework with app router support.
- **TailwindCSS** – Utility-first CSS for rapid styling.
- **shadcn/ui** – Accessible, unstyled component library.
- **TypeScript** – Strictly typed JavaScript for maintainable code.
---
## 📝 License
This project is licensed under the [MIT License](LICENSE).
---
## 🙋 Contributing
Have ideas to improve the dashboard? Found an issue? Contributions are welcome! Feel free to open an issue or submit a pull request.