Dashboard / Repos / Dashboard

Dashboard

F 38 completed
Web App
web_app / typescript · small
360
Files
156,741
LOC
3
Frameworks
10
Languages
OverviewFiles & MetricsGit ActivityCall GraphSecurityReports

Pipeline State

completed
Run ID
#371619
Phase
done
Progress
1%
Started
Finished
2026-04-13 01:31:02
LLM tokens
0

Pipeline Metadata

Stage
Skipped
Decision
skip_scaffold_dup
Novelty
47.80
Framework unique
—
Isolation
—
Last stage change
2026-04-16 18:15:42
Deduplication group #47547
Member of a group with 7 similar repo(s) — canonical #27602 view group →
Top concepts (1)
Web Frontend
Methodology: Repobility · https://repobility.com/research/state-of-ai-code-2026/

AI Prompt

Create a dashboard application using Next.js and React. I need the frontend styled with Tailwind CSS. The project structure should be set up for a modern web application, and I anticipate needing to handle data serialization using JSON. Since the repository also contains TypeScript, please ensure the setup supports strong typing throughout the components.
typescript next.js react tailwindcss web-app dashboard json
Generated by gemma4:latest

Catalog Information

This project is a Next.js application built for web development.

Description

Next.js is a popular React-based framework for building server-rendered and statically generated websites and applications. It provides a set of features that make it easy to build fast, scalable, and maintainable web applications. This project utilizes Next.js along with other libraries such as Radix UI, Recharts, and Tailwind CSS to create a visually appealing and interactive user interface.

الوصف

هذا المشروع هو تطبيق Next.js مُبني على React لإنشاء مواقع ويب وتطبيقات متعددة الوسائط. يوفّر Next.js مجموعة من الميزات التي تجعل من السهل إنشاء تطبيقات ويب سريعة ومقاومة للزيادة في الطلب والصيانة. يستخدم هذا المشروع Next.js جنباً إلى جنب مع مكتبات أخرى مثل Radix UI و Recharts و Tailwind CSS لإنشاء واجهة مستخدم جذابة ومفيدة.

Novelty

5/10

Tags

server-rendering static-site-generation react-based ui-component-library data-visualization

Technologies

nextjs radix-ui react recharts supabase tailwind zod

Claude Models

claude-opus-4.6

Quality Score

F
38.2/100
Structure
33
Code Quality
47
Documentation
42
Testing
15
Practices
48
Security
40
Dependencies
60

Strengths

  • CI/CD pipeline configured (github_actions)

Weaknesses

  • No LICENSE file \u2014 legal ambiguity for contributors
  • No tests found \u2014 high risk of regressions
  • 22 files with critical complexity need refactoring
  • Potential hardcoded secrets in 4 files
  • 18637 duplicate lines detected \u2014 consider DRY refactoring
  • 50 'god files' with >500 LOC need decomposition

Recommendations

  • Add a test suite \u2014 start with critical path integration tests
  • Add a linter configuration to enforce code style consistency
  • Add a LICENSE file (MIT recommended for open source)
  • Move hardcoded secrets to environment variables or a secrets manager
  • Address 174 TODO/FIXME items \u2014 consider tracking them as issues

Security & Health

109.6h
Tech Debt (B)
A
OWASP (100%)
FAIL
Quality Gate
A
Risk (14)
Repobility · open methodology · https://repobility.com/research/
Unknown
License
18.2%
Duplication
Full Security Report AI Fix Prompts SARIF SBOM

Languages

typescript
65.2%
json
30.1%
python
2.4%
javascript
1.7%
shell
0.2%
css
0.2%
text
0.1%
markdown
0.1%
yaml
0.0%
toml
0.0%

Frameworks

React Next.js Tailwind CSS

Concepts (1)

Source: Repobility analyzer (https://repobility.com)
CategoryNameDescriptionConfidence
Same scanner, your repo: https://repobility.com — Repobility
auto_categoryWeb Frontendweb-frontend70%

Quality Timeline

1 quality score recorded.

View File Metrics

Embed Badge

Add to your README:

![Quality](https://repos.aljefra.com/badge/95831.svg)
Quality BadgeSecurity Badge
Export Quality CSVDownload SBOMExport Findings CSV