inmydraft
Travel Umroh Website

Travel Umroh Website

Travel landing draft for Umroh packages, inquiry flow, itinerary content, and trust sections.

Website DraftAvailableLanding PageRp 14.000IntermediateUpdated 2026-07-09Vite 6, React 19, Express 4, TypeScript, Tailwind CSS 4, Framer Motion, jsPDF, Client-side SHA-256 auth (Web Crypto)
عرض تجريبي

الوصف

Bilingual (EN/AR) Umrah pilgrimage booking starter built as a multi-screen SPA: a marketing landing page, package detail and booking flow, a customer 'Pilgrim Portal' (booking summary, document checklist, mock payment progress, PDF itinerary, notifications), and an admin console (lead pipeline, document verification, stats). Full RTL support and client-side authentication.

ما يعمل بالفعل

  • Marketing landing page with packages, prayer schedule, FAQ, and package comparison
  • Package detail and room-type selection with a full booking flow
  • Customer Pilgrim Portal: booking summary, document checklist, mock payment progress, in-app notifications, and a downloadable PDF itinerary
  • Admin console with dashboard stats, lead pipeline, and document verification
  • Client-side authentication with customer and admin roles, registration, and password reset
  • Full EN/AR bilingual support with RTL layout toggle
  • Dark/light theme with persistence

ما هو مُدرج

  • Full source code (Vite + React 19 + Express)
  • Custom Express production server
  • README with demo accounts and honest limitations
  • AI-ready docs (PRD, technical spec, deployment notes)
  • License

طريقة التشغيل

  1. Unzip the source and run npm install.
  2. Copy .env.example to .env if you want to set a custom APP_URL (optional).
  3. Run npm run dev and open http://localhost:3000.
  4. Build for production with npm run build, then start with npm run start (needs a Node host, not Vercel serverless).

ملاحظات المتابعة

  • Set DEMO_MODE=false and rotate the demo credentials before going live — the demo build ships a floating demo navigator that bypasses login for sales showcase purposes.

القيود المعروفة

  • Cannot deploy to Vercel serverless — ships a long-lived Express server with /api routes, needs a Node host (Render, Railway, Fly.io, or a VPS)
  • Authentication is client-side only (unsalted SHA-256 in localStorage) — not production-secure, must be moved server-side before real use
  • No persistence beyond the browser — leads, bookings, documents, and accounts live in localStorage; no cross-device sync or real database
  • Mock payments only — no real payment provider integrated
  • Still needs human or developer review before shipping
Preview of Bricket Export Website
Website DraftLanding PageAvailable

Bricket Export Website

Multi-language coconut charcoal export website draft for B2B quote requests, product specs, OEM/private-label positioning, and trust-heavy buyer flows.

Next.js 14React 18TypeScriptSanity CMS (client)next-intl (7 locales, RTL)+4