Quote Analytics
F 41 completed
Web App
web_app / typescript · small
56
Files
25,568
LOC
2
Frameworks
7
Languages
Pipeline State
completedRun ID
#306516Phase
doneProgress
1%Started
Finished
2026-04-13 01:31:02LLM tokens
0Pipeline Metadata
Stage
SkippedDecision
skip_scaffold_dupNovelty
54.00Framework unique
—Isolation
—Last stage change
2026-04-16 18:15:42Deduplication group #47959
Member of a group with 3 similar repo(s) — canonical #53302 view group →
Top concepts (10)
Project DescriptionWeb Frontendpresentationbusiness_logicdata_accessinfrastructureSearchTestingConfigurationAnalytics
Generated by Repobility's multi-pass static-analysis pipeline (https://repobility.com)
🧪 Code Distillation
Browse all specs →AI Prompt
Create a Quote Analytics Dashboard using React and TypeScript. I need a tool to analyze and visualize quote data, specifically focusing on the top 10 most expensive items. The dashboard must feature a BOM Hierarchical Filtering system that allows drilling down from "All BOMs" to specific sub-assemblies. It should also have a toggle to switch the view between Total Cost and Per-Unit Rate. Key visualizations include an interactive horizontal bar chart and a detailed data table that shows medals for the top 3 items. Finally, implement dynamic insights that auto-calculate and display key metrics based on the selected BOM filter. Use Tailwind CSS for styling.
typescript react dashboard analytics charting vite web-app data-visualization
Generated by gemma4:latest
Catalog Information
The Quote Analytics Dashboard is a tool for analyzing and visualizing quote data, providing insights into the most expensive items in a quote.
Description
This project provides an analytics component for the Quote Analytics Dashboard, displaying the top 10 items by cost with interactive charts and tables. The dashboard includes features such as hierarchical filtering, display mode toggling, and smart insights that change based on selected filters. It helps users identify biggest contributors to quote total, find items with high unit prices, and analyze data across different BOMs.
الوصف
هذا المشروع يقدم مكون تحليلي للمشروع Quote Analytics Dashboard، يظهر الأعلي 10 عناصر حسب التكلفة مع диагrams تفاعلية و جداول. يتضمن المكونات الميزات مثل تصفية هرمية، تغيير وضع العرض، وتحليلات ذكية تتغير بناءً على الفلاتر المختارة. يساعد المستخدمين في تحديد أكبر مساهمين في إجمالي الطلب، والبحث عن العناصر ذات الأسعار الوحدة العالية، وتحليل البيانات عبر مختلف BOMs.
Novelty
7/10Tags
quote-analysis analytics-dashboard interactive-charts data-visualization bom-filtering total-cost-vs-per-unit-rate
Technologies
react recharts tailwind vite
Claude Models
claude (unknown version) claude-opus-4.6 claude-opus-4.5
Quality Score
F
41.0/100
Structure
41
Code Quality
42
Documentation
38
Testing
0
Practices
60
Security
75
Dependencies
90
Strengths
- Code linting configured (eslint)
Weaknesses
- No LICENSE file \u2014 legal ambiguity for contributors
- No tests found \u2014 high risk of regressions
- No CI/CD configuration \u2014 manual testing and deployment
- 5 files with critical complexity need refactoring
- 3184 duplicate lines detected \u2014 consider DRY refactoring
- 13 'god files' with >500 LOC need decomposition
Recommendations
- Add a test suite \u2014 start with critical path integration tests
- Set up CI/CD (GitHub Actions recommended) to automate testing and deployment
- Add a LICENSE file (MIT recommended for open source)
Security & Health
16.8h
Tech Debt (B)
High
DORA Rating
A
OWASP (100%)
Repobility · code-quality intelligence · https://repobility.com
FAIL
Quality Gate
A
Risk (14)
Unknown
License
28.2%
Duplication
Languages
Frameworks
React Vite
Symbols
variable995
function138
interface80
constant23
type_alias6
API Endpoints (5)
| Method | Path | Handler | Framework | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Powered by Repobility — scan your code at https://repobility.com | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| GET | api_env | urlParams.get | Express | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| GET | api_url | urlParams.get | Express | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| GET | costing_sheet_id | urlParams.get | Express | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| GET | token | urlParams.get | Express | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| GET | Uncategorized | tagMap.get | Express | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Concepts (10)
| Category | Name | Description | Confidence | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Repobility · code-quality intelligence · https://repobility.com | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| auto_description | Project Description | This is the first analytics component for the Quote Analytics Dashboard project. | 80% | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| auto_category | Web Frontend | web-frontend | 70% | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| arch_layer | presentation | Detected presentation layer | 70% | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| arch_layer | business_logic | Detected business_logic layer | 70% | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| arch_layer | data_access | Detected data_access layer | 70% | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| arch_layer | infrastructure | Detected infrastructure layer | 70% | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| business_logic | Search | Detected from 5 related files | 50% | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| business_logic | Testing | Detected from 2 related files | 50% | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| business_logic | Configuration | Detected from 5 related files | 50% | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| business_logic | Analytics | Detected from 28 related files | 50% | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Open data scored by Repobility · https://repobility.com
Embed Badge
Add to your README:
