World Vibe Web
The distributed app store for vibe-coded projects. Browse, discover, and install open-source apps from across GitHub.
Upload a photo of fabric you own and Fabrica's AI suggests the 5 best-fitting clothing styles for your occasion, calculates yardage and price, and connects you with a tailor to get it made.
CommerceTypeScript · CSSGitHub @ZeroLight0OnlineOwner unconfirmed
Have you tried it? One tap is enough. No sign-in needed.
No updates detected yet. GitHub releases will appear here.
GitHub star growth between the latest completed 8-hour observations
The distributed app store for vibe-coded projects. Browse, discover, and install open-source apps from across GitHub.
Owners of public repositories under a personal GitHub account can sign in to verify ownership and manage the introduction themselves. No administrator approval is needed.
Sign in, generate a verification file, and commit it to this repository’s default branch within 30 minutes. Files on other branches or forks do not count. Then check the file below to manage the project without administrator approval. Keep the file to retain your access.
If needed, you will go to sign-in. After signing in, return here and press your chosen verification button again.
Run /nomorevibe verify in your project folder to verify ownership and manage the introduction yourself.
Verify in one minuteAsk about other verification options
Udochis final year project
Translation pending
Taken from the repository README
Loading the full README. The saved excerpt is shown below.
A demo web app: a customer uploads a fabric photo, gets AI-suggested
clothing styles, picks a style and tailor, and pays for the fabric via
Paystack. See PRD.md for the full spec.
Fill in .env with real credentials (see below), then:
• prisma/seed-styles.ts — 20 style templates, imageUrl set to
"PENDING_UPLOAD" until real Cloudinary links are added. Keyed by
filename (matching /assets/styles/) for the later image-upload pass.
• prisma/seed-tailors.ts — 4 placeholder tailor profiles.
Run both with pnpm seed.Read the full README ↗A demo web app: a customer uploads a fabric photo, gets AI-suggested
clothing styles, picks a style and tailor, and pays for the fabric via
Paystack. See PRD.md for the full spec.
Next.js (App Router, TypeScript) · Tailwind CSS · Prisma + PostgreSQL · Supabase Storage · Google Gemini API · Paystack · Resend · pnpm
pnpm install
cp .env.example .env
Fill in .env with real credentials (see below), then:
pnpm prisma migrate dev --name init
pnpm seed
pnpm dev
| Variable | Purpose |
|---|---|
DATABASE_URL | PostgreSQL connection string (Aiven) |
GEMINI_API_KEY | Google Gemini API key for fabric labeling + style suggestion |
PAYSTACK_SECRET_KEY | Paystack secret key (test or live) |
RESEND_API_KEY | Resend API key for tailor notification emails |
NOTIFICATIONS_FROM_EMAIL | From-address for tailor emails |
APP_URL | Public base URL, used for Paystack callback |
SUPABASE_URL / SUPABASE_SERVICE_ROLE_KEY | Supabase Storage, for fabric photo uploads |
CLOUDINARY_* | Reserved for the later style-image upload pass (not required to run this build) |
prisma/seed-styles.ts — 20 style templates, imageUrl set to
"PENDING_UPLOAD" until real Cloudinary links are added. Keyed by
filename (matching /assets/styles/) for the later image-upload pass.prisma/seed-tailors.ts — 4 placeholder tailor profiles.Run both with pnpm seed.
Use Paystack test mode keys during development. The webhook
(/api/payments/webhook) verifies the x-paystack-signature header and
re-verifies the transaction directly against Paystack before marking an
order paid — point your Paystack test dashboard's webhook URL at
<APP_URL>/api/payments/webhook.
Per the PRD's non-goals: no customer/tailor accounts, no admin
dashboard, no order-status tracking beyond the payment confirmation
screen, and no Cloudinary image-upload script (scripts/upload-style-images.ts) —
that's a separate pass once real style photos are supplied.
gemini-2.5-flash) via src/lib/gemini.ts,
replacing the prior Claude/Anthropic integration.