Ecommerce Template
Next.js·React 등으로 만든 최신 전자상거래 템플릿
농가와 공장은 껍질·과육·잔류물을 필요로 하는 공장에 판매하고, AI가 배치를 평가해 구매자가 품질을 알 수 있게 합니다
Farmers and factories sell peels, pomace and residues to factories that need them. Every batch is scored by AI, so buyers know what they get.
커머스TypeScript · CSSGitHub @autonomyowner온라인운영자 미확인
써 보셨어요? 한 번만 눌러 주세요. 로그인은 필요 없어요.
아직 감지된 업데이트가 없습니다. GitHub 릴리스가 나오면 여기에 보입니다.
개인 계정의 공개 저장소 소유자는 GitHub로 로그인해 운영자를 확인하고 소개를 직접 관리할 수 있습니다. 관리자 승인은 필요하지 않습니다.
로그인한 뒤 확인 파일을 만들어 이 저장소의 기본 브랜치에 30분 안에 커밋해 주세요. 다른 브랜치나 포크의 파일은 인정하지 않습니다. 파일을 올린 뒤 아래에서 확인하면 관리자 승인 없이 관리할 수 있습니다. 자격을 유지하려면 파일을 남겨 두세요.
로그인이 필요하면 로그인 화면으로 이동합니다. 로그인 후 이곳으로 돌아와 원하는 확인 버튼을 다시 눌러 주세요.
프로젝트 폴더에서 /nomorevibe verify를 실행하면 소유권을 확인하고 소개를 직접 관리할 수 있습니다.
1분 만에 확인하기메이커가 쓴 소개는 위의 한 줄이 전부입니다. 더 자세한 내용은 저장소 README에서 읽을 수 있습니다. 저장소 README ↗
README 전체를 불러오는 중입니다.
README 전문 보기 ↗A marketplace for agricultural bio-waste and fresh produce, with AI quality checks, in English and Arabic.
Farms and factories throw away peels, pomace, husks and other residues that other factories would pay for (to make extracts, pectin, packaging or energy). BiorefMind connects them. Sellers list a lot and buyers make offers. Labs on the platform test samples and issue certificates that anyone can check by QR code. Once a lab has released results, the lot gets a 0–100 quality score and a route (A pharmaceutical, B food-grade, C recovery). Today that scoring covers pomegranate peels only.
Live demo: https://biorefmind.vercel.app
| What | Link |
|---|---|
| Landing page | https://biorefmind.vercel.app |
| Public marketplace (real lots) | https://biorefmind.vercel.app/marketplace |
| Full dashboard as a guest, with sample data | https://biorefmind.vercel.app/dashboard?guest=1 |
| Check a lab certificate | https://biorefmind.vercel.app/verify |
To switch to Arabic (right to left), use the language switch in the header. You can also sign up for a free farm account to post a lot and see the AI photo check run on it.
/verify./admin is in English and Arabic, with full right-to-left layout.| Layer | Tools |
|---|---|
| Language | TypeScript |
| Frontend | Next.js 16 (App Router), React 19, Tailwind CSS 4, shadcn/ui on Base UI, Motion, ECharts, cmdk, sonner, qrcode |
| Backend and database | Convex (queries, mutations, actions, file storage, HTTP routes) |
| Auth | Better Auth through @convex-dev/better-auth |
| Validation | Zod |
| AI in the product | Claude through the Anthropic API (@anthropic-ai/sdk, default model claude-haiku-5-5) for the photo check, the lab-sheet reader and the dashboard assistant (streaming + tool use) |
| Testing | Vitest + convex-test (300 tests), ESLint, tsc |
| Hosting | Vercel (frontend), Convex Cloud (backend) |
| AI used to build it | Claude Code (Claude Opus) wrote most of the code, tests, specs and plans with the developer directing and reviewing. Every commit made with it carries a Co-Authored-By: Claude line. @imgly/background-removal-node (run locally) cut out the landing-page images. |
You need Node.js 20+ and a free Convex account.
git clone https://github.com/autonomyowner/biorefmind.git
cd biorefmind
npm install
# 1. Create a Convex dev deployment. This writes .env.local with
# CONVEX_DEPLOYMENT, NEXT_PUBLIC_CONVEX_URL and NEXT_PUBLIC_CONVEX_SITE_URL.
npx convex dev --once
# 2. Set the backend environment variables on that deployment.
npx convex env set SITE_URL http://localhost:3100
npx convex env set BETTER_AUTH_SECRET "$(openssl rand -base64 32)"
npx convex env set ADMIN_EMAILS [email protected] # optional: who can open /admin
npx convex env set ANTHROPIC_API_KEY sk-ant-... # optional: turns the AI features on
npx convex env set AI_MODEL claude-haiku-5-5 # optional (any claude-… model ID)
# 3. Start the site on port 3100 (it must match SITE_URL).
npx next dev -p 3100
Open http://localhost:3100. Without an Anthropic API key the photo check and the lab-sheet reader are off and the assistant gives rule-based answers; everything else works. Keep npx convex dev running in a second terminal if you change files in convex/.
Checks:
npm test # Vitest + convex-test
npx next typegen # once, on a fresh clone, before the type check
npm run typecheck && npm run typecheck:convex
npm run lint
npm run build
src/app/ Next.js routes: landing, (auth), dashboard, marketplace, verify, admin
src/components/ UI: landing/, dashboard/, marketplace/, admin/, ui/ (shadcn)
src/i18n/ English/Arabic messages, locale cookie, RTL support
convex/ Backend: schema, functions, AI (ai.ts, photoCheck.ts, labAi.ts, assistant*.ts) and their tests
convex/lib/ Shared rules: accounts, catalog, pricing, AI prompts and schemas
docs/superpowers/ Design specs and implementation plans for each release
This is a solo project. One developer built it, working for BiorefMind.
| Person | Role | Built |
|---|---|---|
| Azeddine Zellag (@autonomyowner) | Developer (solo), hired by BiorefMind | Everything in this repo: architecture, frontend, Convex backend, AI integrations, design, testing and deployment. Directed and reviewed all of Claude Code's work. |
| Claude Code (AI) | Coding assistant | Wrote most of the code, tests, translations, specs and plans under Azeddine's direction |
The product is for BiorefMind, whose CEO is Hadjer Boulad (بولاد هاجر). The business model, product requirements and design references come from BiorefMind.
All rights reserved.