Engram Web

C+ 71 completed
Web App
web_app / typescript · small
66
Files
5,559
LOC
3
Frameworks
7
Languages

Pipeline State

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

Pipeline Metadata

Stage
Skipped
Decision
skip_scaffold_dup
Novelty
38.34
Framework unique
Isolation
Last stage change
2026-04-16 18:15:42
Deduplication group #47279
Member of a group with 3 similar repo(s) — canonical #6503 view group →
Top concepts (2)
Project DescriptionWeb Frontend
Generated by Repobility's multi-pass static-analysis pipeline (https://repobility.com)

AI Prompt

Create a modern web interface for the Engram knowledge base. I need it to allow users to search and browse content using a hybrid search that combines semantic and full-text search capabilities. The application should be built with React, TypeScript, and styled using Tailwind CSS. Please ensure it has client-side routing using React Router and handles data fetching and caching using React Query. The design must be responsive and include a dedicated content view page.
typescript react tailwindcss vite web-app search react-router react-query knowledge-base
Generated by gemma4:latest

Catalog Information

A modern web interface that lets users search and browse the Engram knowledge base using hybrid semantic and full‑text search.

Description

Engram Web is a React and TypeScript front‑end that provides a clean, responsive interface for interacting with the Engram knowledge base. It combines semantic and full‑text search to deliver the most relevant results, while React Query handles data fetching, caching, and state management. The application is built with Vite for fast development and Tailwind CSS for a utility‑first styling approach that supports dark mode. React Router powers client‑side navigation with nested layouts, and a fully type‑safe API client ensures reliable communication with the backend. The design is mobile‑first, making it usable on both desktop and mobile devices.

الوصف

يُقدّم Engram Web واجهة أمامية حديثة مبنية على React وTypeScript تسمح للمستخدمين بالبحث وتصفح قاعدة معارف Engram بطريقة سلسة وفعّالة. يجمع التطبيق بين البحث الدلالي والنص الكامل لتوفير أفضل النتائج، ويعتمد على React Query لإدارة جلب البيانات وتخزينها مؤقتاً وحالة التطبيق. يُبنى المشروع باستخدام Vite لتسريع عملية التطوير، ويُصمم باستخدام Tailwind CSS لتطبيق أسلوب التصميم الموجه بالوحدات مع دعم الوضع الداكن. يُسهم React Router في توفير تنقل داخلي مع تخطيطات متداخلة، بينما يضمن عميل API المكتوب بالكامل بالـ TypeScript التواصل الدقيق مع الخادم الخلفي. تم تصميم الواجهة بنهج أولي للهواتف المحمولة، ما يتيح تجربة مستخدم متكاملة على الأجهزة المكتبية والهواتف الذكية على حد سواء. يركز المشروع على توفير تجربة بحث متقدمة مع واجهة مستخدم أنيقة وسهلة الاستخدام، مع الحفاظ على أمان وسرعة الأداء.

Novelty

6/10

Tags

search knowledge-base responsive-ui type-safe-api hybrid-search data-fetching client-side-routing

Technologies

radix-ui react tailwind vite

Claude Models

claude-opus-4.6 claude-sonnet-4.6 claude-sonnet-4.5

Quality Score

C+
71.2/100
Structure
65
Code Quality
89
Documentation
65
Testing
55
Practices
71
Security
75
Dependencies
60

Strengths

  • CI/CD pipeline configured (jenkins)
  • Containerized deployment (Docker)

Weaknesses

  • No LICENSE file \u2014 legal ambiguity for contributors
  • 453 duplicate lines detected \u2014 consider DRY refactoring

Recommendations

  • Add a linter configuration to enforce code style consistency
  • Add a LICENSE file (MIT recommended for open source)

Security & Health

5.6h
Tech Debt (C)
A
OWASP (100%)
PASS
Quality Gate
A
Risk (2)
Repobility analyzer · published findings · https://repobility.com
Unknown
License
4.7%
Duplication
Full Security Report AI Fix Prompts SARIF SBOM

Languages

typescript
64.5%
markdown
30.7%
json
1.8%
css
1.1%
shell
0.9%
yaml
0.8%
html
0.3%

Frameworks

React Tailwind CSS Vite

Concepts (2)

Repobility · code-quality intelligence · https://repobility.com
CategoryNameDescriptionConfidence
Repobility analyzer · published findings · https://repobility.com
auto_descriptionProject DescriptionA modern React + TypeScript web frontend for Engram, built with Vite and styled with Tailwind CSS. This application provides a clean, responsive interface for searching and browsing content in the Engram knowledge base system.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/63796.svg)
Quality BadgeSecurity Badge
Export Quality CSVDownload SBOMExport Findings CSV