بطاقة - Web App for Arabic Greeting Cards
Budget: $30 – $250 USD
Project Title: بطاقة - Arabic Greeting & Invitation Cards Web App
Website Description:
a fully functional Arabic-language web platform named “بطاقة” that allows users to:
• Browse curated greeting/invitation cards (for occasions like weddings, graduations, births, Ramadan, congratulations, etc.)
• Choose from various card categories
• Preview card designs
• Add text (name on the card)
• Pay (via Apple Pay) to personalize and download a selected card with their name/message embedded in the correct position.
The final downloaded version should have either no watermark.
Frontend Requirements
1. Arabic-first UI with RTL layout
2. Homepage with featured categories and trending cards
3. Categories page listing card types (e.g., تهنئة، دعوة، رمضان، زواج، نجاح…)
4. Card detail page
• Preview card with watermark
• Simple form to input name or short text
• Live preview showing the user’s name embedded
• “Pay 5 SAR via Apple Pay” CTA
5. After Payment:
• Watermark removed
• Download high-res personalized card
• Optional: Send to email or WhatsApp
Payment
• Integrate with Apple Pay for smooth mobile checkout
• Price: 5 SAR per card
Admin Control Panel (For Owner Use):
A comprehensive Arabic admin panel that includes:
1. Card Management:
• Upload new card images
• Assign to a category
• Set price
• Add meta (title, tags, preview caption)
2. Card Editor Tool (very important):
• Visual editor to:
• Set placement of personalized text on the card
• Choose font, size, color
• Lock the position and style for users
• Preview how text overlays before publishing
• Option to set multiple text fields (optional greeting, name, etc.)
3. Order & Payment Management:
• Track purchases
• View customer info
• Re-send download link if needed
4. Content & Category Manager:
• Create and manage card categories
• Control order and visibility
5. Watermark Tool (optional):
• Automatically add a faint watermark to preview images
• Ensure final download is clean
Tech Suggestions
• Frontend: React / Vue (RTL support)
• Backend: Node.js / Laravel
• Storage: AWS S3 or Cloudinary for card images
• Database: PostgreSQL / Firebase
• Authentication: Email or OTP (optional for premium features)
• Editor Tool: Fabric.js / Konva.js for image canvas + text positioning
Notes for Design
• Clean and elegant theme, modern Arabic typography
• Fully responsive
• Image assets must be high quality
• Optional: Add ratings/reviews for cards
Website Description:
a fully functional Arabic-language web platform named “بطاقة” that allows users to:
• Browse curated greeting/invitation cards (for occasions like weddings, graduations, births, Ramadan, congratulations, etc.)
• Choose from various card categories
• Preview card designs
• Add text (name on the card)
• Pay (via Apple Pay) to personalize and download a selected card with their name/message embedded in the correct position.
The final downloaded version should have either no watermark.
Frontend Requirements
1. Arabic-first UI with RTL layout
2. Homepage with featured categories and trending cards
3. Categories page listing card types (e.g., تهنئة، دعوة، رمضان، زواج، نجاح…)
4. Card detail page
• Preview card with watermark
• Simple form to input name or short text
• Live preview showing the user’s name embedded
• “Pay 5 SAR via Apple Pay” CTA
5. After Payment:
• Watermark removed
• Download high-res personalized card
• Optional: Send to email or WhatsApp
Payment
• Integrate with Apple Pay for smooth mobile checkout
• Price: 5 SAR per card
Admin Control Panel (For Owner Use):
A comprehensive Arabic admin panel that includes:
1. Card Management:
• Upload new card images
• Assign to a category
• Set price
• Add meta (title, tags, preview caption)
2. Card Editor Tool (very important):
• Visual editor to:
• Set placement of personalized text on the card
• Choose font, size, color
• Lock the position and style for users
• Preview how text overlays before publishing
• Option to set multiple text fields (optional greeting, name, etc.)
3. Order & Payment Management:
• Track purchases
• View customer info
• Re-send download link if needed
4. Content & Category Manager:
• Create and manage card categories
• Control order and visibility
5. Watermark Tool (optional):
• Automatically add a faint watermark to preview images
• Ensure final download is clean
Tech Suggestions
• Frontend: React / Vue (RTL support)
• Backend: Node.js / Laravel
• Storage: AWS S3 or Cloudinary for card images
• Database: PostgreSQL / Firebase
• Authentication: Email or OTP (optional for premium features)
• Editor Tool: Fabric.js / Konva.js for image canvas + text positioning
Notes for Design
• Clean and elegant theme, modern Arabic typography
• Fully responsive
• Image assets must be high quality
• Optional: Add ratings/reviews for cards