Construction Materials RFQ Marketplace — Saudi Arabia
Imdad (إمداد) is a B2B procurement platform that connects construction material buyers with verified suppliers across Saudi Arabia. Buyers post Requests for Quotation (RFQs), suppliers compete with quotes, and the platform handles order tracking, payments, and analytics — all in a bilingual Arabic/English interface.
- Create and manage RFQs with multiple items, categories, and specifications
- Compare quotes side-by-side from competing suppliers
- Accept quotes, process payments, and track orders through delivery
- Rate and review suppliers after fulfillment
- Browse available RFQs and submit competitive quotes
- Track submitted quotes, accepted orders, and revenue
- Performance analytics with charts (revenue trends, order volume, ratings)
- Gold supplier badge system for top-rated suppliers
- Platform-wide KPI dashboard (users, RFQs, orders, revenue, volume)
- Supplier registration approval and suspension workflow
- Monitor all RFQs and orders across the platform
- Platform-level analytics and activity feed
- Bilingual: Full Arabic (RTL) and English support with 50K+ translation keys
- Role-based access: Buyer, Supplier, and Admin roles with protected routes
- Responsive: Mobile, tablet, and desktop layouts
- Notifications: In-app notification system per user role
- VAT & Commission: Automatic 15% VAT calculation and 2.5% platform commission
| Layer | Technology |
|---|---|
| Framework | React 18 + Vite 5 |
| Routing | React Router v6 |
| Styling | Tailwind CSS 3 |
| UI Components | Radix UI + shadcn/ui pattern |
| Icons | Lucide React |
| Charts | Recharts |
| Toasts | Sonner |
| Font | IBM Plex Sans Arabic |
| Language | JavaScript (JSX) |
- Node.js 18+
- npm or yarn
git clone https://github.com/diax7/Imdadprojectapp.git
cd Imdadprojectapp
npm installnpm run devOpen http://localhost:5173 in your browser.
npm run buildThis is a frontend MVP with mock data. Use these credentials to explore each role:
| Role | Phone | Password |
|---|---|---|
| Buyer | 0590909292 |
123456 |
| Supplier | 0598765432 |
123456 |
| Admin | 0500000000 |
admin123 |
src/
├── auth/ # AuthContext, ProtectedRoute
├── components/
│ ├── shared/ # Navbar, Footer, PublicLayout, StatusBadge
│ └── ui/ # Radix-based UI primitives (button, card, dialog, etc.)
├── contexts/ # RFQContext, NotificationContext
├── data/ # Mock data (users, RFQs, quotes, orders, suppliers)
├── i18n/ # LanguageContext, ar.js, en.js translations
├── layouts/ # BuyerLayout, SupplierLayout, AdminLayout
├── lib/ # Utilities (cn helper)
├── pages/
│ ├── public/ # Landing, About, Contact, FAQ, Login, Register
│ ├── buyer/ # Dashboard, RFQ management, Orders, Payment, Reviews
│ ├── supplier/ # Dashboard, Available RFQs, Quotes, Orders, Analytics
│ └── admin/ # Dashboard, Supplier management, Platform monitoring
├── App.jsx # Route definitions (35+ routes)
├── main.jsx # Entry point
└── index.css # Tailwind config + brand variables
| Name | Role |
|---|---|
| Muhannad Alsulami | Chief Executive Officer |
| Fares Albiladi | Chief Technology Officer |
| Khaled Alnajjar | Chief Operations Officer |
| Ibrahim Hamidaddin | Business Development Manager |
This project is proprietary. All rights reserved.