Grocerygenius

F 47 completed
Web App
web_app / typescript · small
104
Files
18,376
LOC
6
Frameworks
7
Languages

Pipeline State

completed
Run ID
#366306
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.07
Framework unique
Isolation
Last stage change
2026-04-16 18:15:42
Deduplication group #53471
Member of a group with 1 similar repo(s) — canonical #8596 view group →
Top concepts (1)
Web Frontend
Citation: Repobility (2026). State of AI-Generated Code. https://repobility.com/research/

AI Prompt

I want to set up a full-stack starter template for a web application using TypeScript. The project needs a React front-end communicating with an Express REST API. Please structure it using Vite for the client and include Tailwind CSS for styling. For the database layer, please integrate Drizzle, and ensure the setup is containerizable with a Dockerfile. The entire codebase should be written in TypeScript.
typescript react express vite tailwind-css drizzle full-stack web-app rest-api docker
Generated by gemma4:latest

Catalog Information

A full‑stack starter template that combines an Express REST API with a React front‑end, built entirely in TypeScript.

Description

This starter template provides a ready‑to‑use full‑stack application structure. It bundles an Express server that exposes a RESTful API, a React front‑end with modern UI components, and a type‑safe Drizzle ORM layer for PostgreSQL. The project is configured with Vite and esbuild for fast development builds, Tailwind CSS for styling, and Framer Motion for smooth animations. It includes built‑in charting with Recharts and form validation powered by Zod. The template is aimed at developers who want to prototype or launch a production‑ready web app quickly, while keeping the codebase strongly typed and maintainable. It solves the common pain of wiring together backend, database, and frontend tooling from scratch.

الوصف

يُقدّم هذا القالب بنية جاهزة لتطبيق ويب متكامل، يجمع بين خادم Express يقدّم واجهة برمجة تطبيقات REST، وواجهة أمامية React مزودة بمكونات UI حديثة. يتم ربط قاعدة بيانات PostgreSQL عبر طبقة ORM قوية، مع ضمان التوافق النوعي عبر TypeScript. يُعدّ Vite وesbuild أدوات البناء التي تسرّع دورة التطوير، بينما يُسهم Tailwind CSS في تسهيل تصميم الواجهة. يدمج القالب مكتبة Recharts لعرض الرسوم البيانية، ويُعزّز التحقق من صحة البيانات باستخدام Zod. يستهدف المطورين الذين يرغبون في إطلاق تطبيق ويب جاهز للإنتاج بسرعة، مع الحفاظ على بنية شفافة وقابلة للصيانة. يحل القالب مشكلة إعداد بيئة متكاملة من الصفر، ويمنح مطوري الواجهة الخلفية والواجهة الأمامية أداة موحدة لتسريع الإنتاجية.

Novelty

6/10

Tags

rest-api full-stack typescript react-ui postgresql data-visualization schema-validation component-library

Technologies

drizzle esbuild express framer-motion radix-ui react recharts tailwind vite zod

Claude Models

claude-opus-4.6

Quality Score

F
46.7/100
Structure
28
Code Quality
87
Documentation
3
Testing
0
Practices
65
Security
92
Dependencies
60

Strengths

  • Good security practices \u2014 no major issues detected
  • Containerized deployment (Docker)

Weaknesses

  • Missing README file \u2014 critical for project understanding
  • 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
  • 1369 duplicate lines detected \u2014 consider DRY refactoring
  • 2 'god files' with >500 LOC need decomposition

Recommendations

  • Add a comprehensive README.md explaining purpose, setup, usage, and architecture
  • 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 linter configuration to enforce code style consistency
  • Add a LICENSE file (MIT recommended for open source)

Security & Health

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

Languages

typescript
48.1%
json
46.2%
text
4.6%
markdown
0.7%
css
0.4%
html
0.1%
javascript
0.0%

Frameworks

React Express Tailwind CSS Vite esbuild Drizzle

Concepts (1)

Repobility analysis · methodology at https://repobility.com/research/
CategoryNameDescriptionConfidence
Repobility (the analyzer behind this table) · https://repobility.com
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/90487.svg)
Quality BadgeSecurity Badge
Export Quality CSVDownload SBOMExport Findings CSV