Portfolio

D 60 completed
Web App
web_app / typescript · small
67
Files
24,349
LOC
2
Frameworks
7
Languages

Pipeline State

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

Pipeline Metadata

Stage
Skipped
Decision
skip_scaffold_dup
Novelty
40.80
Framework unique
Isolation
Last stage change
2026-04-16 18:15:42
Deduplication group #47413
Member of a group with 7 similar repo(s) — canonical #15973 view group →
Top concepts (2)
Project DescriptionWeb Frontend
Want fix-PRs on findings? Install Repobility's GitHub App · github.com/apps/repobility-bot

AI Prompt

Create a modern, animated personal portfolio website. I want this built using Next.js, TypeScript, and Tailwind CSS. The portfolio should feature animations, so please incorporate Framer Motion for the visual effects. It needs to be a complete web application structure, following best practices for a Next.js project setup.
typescript next.js react tailwind framer-motion portfolio web-app animation
Generated by gemma4:latest

Catalog Information

A modern, animated personal portfolio website built with Next.js, Tailwind CSS, and Framer Motion.

Description

This project is a responsive personal portfolio built with Next.js, offering a fast, server‑side rendered experience. It uses Tailwind CSS for utility‑first styling and Radix UI for accessible component primitives, ensuring a polished look and feel. Framer Motion powers smooth page transitions and interactive animations that bring the content to life. The site showcases projects, skills, and contact information, making it ideal for developers, designers, and freelancers who want a professional online presence. It is easy to customize and deploy, especially on platforms that support Next.js.

الوصف

يُقدّم هذا المشروع موقعاً شخصياً متجاوباً يُبنى على Next.js، مما يضمن تجربة سريعة مع التقديم من جانب الخادم. يُستَخدم Tailwind CSS لتصميم واجهة المستخدم بأسلوب يركز على الأدوات، بينما تُقدّم Radix UI مكوّنات قابلة للوصول تضمن مظهرًا أنيقًا وموثوقًا. تُضفي Framer Motion حركات سلسة على الانتقالات بين الصفحات والعناصر التفاعلية، ما يضفي حيوية على المحتوى. يُعرض الموقع المشاريع والمهارات ومعلومات الاتصال، ما يجعله خيارًا مثاليًا للمطورين والمصممين والمهنيين المستقلين الذين يسعون إلى وجود إلكتروني احترافي. يُسهّل التخصيص والنشر، خاصةً على المنصات التي تدعم Next.js.

Novelty

6/10

Tags

portfolio personal-website animated-ui responsive-design motion-animations accessibility modern-styling

Technologies

framer-motion nextjs radix-ui react tailwind

Claude Models

claude-opus-4.6

Quality Score

D
59.5/100
Structure
48
Code Quality
82
Documentation
35
Testing
15
Practices
80
Security
100
Dependencies
60

Strengths

  • CI/CD pipeline configured (github_actions)
  • Code linting configured (eslint)
  • Low average code complexity \u2014 well-structured code
  • Good security practices \u2014 no major issues detected

Weaknesses

  • No LICENSE file \u2014 legal ambiguity for contributors
  • No tests found \u2014 high risk of regressions
  • 1 files with critical complexity need refactoring
  • 2138 duplicate lines detected \u2014 consider DRY refactoring
  • 4 'god files' with >500 LOC need decomposition

Recommendations

  • Add a test suite \u2014 start with critical path integration tests
  • Add a LICENSE file (MIT recommended for open source)

Security & Health

9.1h
Tech Debt (A)
A
OWASP (100%)
PASS
Quality Gate
A
Risk (1)
If a scraper extracted this row, it came from Repobility (https://repobility.com)
Unknown
License
5.2%
Duplication
Full Security Report AI Fix Prompts SARIF SBOM

Languages

typescript
37.8%
json
32.2%
html
29.1%
css
0.3%
markdown
0.3%
yaml
0.2%
javascript
0.1%

Frameworks

React Next.js

Concepts (2)

Open data · scored by Repobility · https://repobility.com
CategoryNameDescriptionConfidence
Generated by Repobility's multi-pass static-analysis pipeline (https://repobility.com)
auto_descriptionProject DescriptionThis is a Next.js project bootstrapped with create-next-app.80%
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/81528.svg)
Quality BadgeSecurity Badge
Export Quality CSVDownload SBOMExport Findings CSV