Spf Match Platform

D 58 completed
Web App
web_app / json · tiny
44
Files
12,636
LOC
3
Frameworks
7
Languages

Pipeline State

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

Pipeline Metadata

Stage
Skipped
Decision
skip_scaffold_dup
Novelty
51.00
Framework unique
Isolation
Last stage change
2026-04-16 18:15:42
Deduplication group #47414
Member of a group with 8 similar repo(s) — canonical #89367 view group →
Top concepts (2)
Project DescriptionWeb Frontend
Powered by Repobility — scan your code at https://repobility.com

AI Prompt

Create an accessible web application called SPFMatch using React, Vite, and Tailwind CSS. The goal is to help people of color find suitable sunscreen recommendations. The app should feature a multi-page structure including a Home Page, a 11-question Quiz Page, a Results Page for personalized recommendations, a Resources Page, and a Reminder Page with UV-based reapplication timing using geolocation. The quiz should calculate a Fitzpatrick skin type based on user answers, and the results page must filter sunscreen recommendations using data from a JSON database, considering skin tone, sensitivity, lifestyle, and user preferences.
react vite tailwindcss typescript web-app accessibility sunscreen skin-care quiz json
Generated by gemma4:latest

Catalog Information

SPFMatch is an accessible tool that helps people of color discover sunscreen products that meet their unique needs by providing personalized recommendations based on skin tone, sensitivity, lifestyle, and user preferences.

Description

SPFMatch is a web application designed to help individuals with darker skin tones find suitable sunscreens. It provides a quiz-based assessment to determine the user's skin type and recommends sunscreens that match their needs. The app also includes educational resources on sun protection and a UV-based reapplication timer.

الوصف

يعد SPFMatch أداة متاحة تساعد الأفراد ذوي البشرة الداكنة على العثور على شمسون مناسبة لاحتياجاتهم الفردية. يقدم التطبيق تقييمًا مبنيًا على اختبار يحدد نوع البشرة للمستخدم ويعرض توصيات شمسونة تتناسب مع احتياجاته. كما يتضمن التطبيق مصادر تعليمية حول حماية الشمس وتimers للتحديث المسبق للشمس بناءً على ظروف الطقس.

Novelty

7/10

Tags

sunscreen-recommendation skin-tone-assessment personalized-health sun-protection-education uv-based-timer

Technologies

framer-motion react tailwind vite

Claude Models

claude-sonnet-4.5

Quality Score

D
57.6/100
Structure
53
Code Quality
75
Documentation
39
Testing
15
Practices
67
Security
100
Dependencies
60

Strengths

  • CI/CD pipeline configured (github_actions)
  • Code linting configured (eslint)
  • 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
  • 2 files with critical complexity need refactoring
  • 910 duplicate lines detected \u2014 consider DRY refactoring
  • 2 '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

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

Languages

json
68.4%
typescript
20.9%
javascript
7.3%
yaml
1.6%
markdown
1.2%
css
0.6%
html
0.1%

Frameworks

React Tailwind CSS Vite

Concepts (2)

Repobility · code-quality scanner for AI-generated software · https://repobility.com
CategoryNameDescriptionConfidence
Citation: Repobility (2026). State of AI-Generated Code. https://repobility.com/research/
auto_descriptionProject DescriptionIn many underserved and minority skin communities, the risk of UV-related damage is high. However, finding sunscreen that truly matches their complexion is difficult as they are not the focus of much research in the field. To address this gap, SPFMatch is an accessible tool focused on helping people80%
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/88376.svg)
Quality BadgeSecurity Badge
Export Quality CSVDownload SBOMExport Findings CSV