Zada Afrique is a modern fashion e-commerce website built to showcase elegant Afrocentric designs while providing customers with a smooth and direct shopping experience.
The platform helps:
- Showcase Afrocentric fashion pieces in a professional digital space
- Simplify customer interactions with one-click WhatsApp ordering
- Improve communication through inquiries, feedback, and direct contact forms
Follow the brand on Instagram 👉 @zadaafrique
https://zada-afrique.vercel.app/
| Layer | Technology / Tools | Purpose 🚀 |
|---|---|---|
| Frontend | React (with Vite) | Lightning-fast development with modern React features |
| Styling | TailwindCSS + Custom CSS | Clean, responsive, Afrocentric-inspired design |
| Backend | Node.js (Express) | Handles form submissions, backend logic, and API setup |
| Database | PostgreSQL + Firebase Firestore | Structured and flexible storage for products, contact, and interactions |
| EmailJS (frontend) | Automated alerts for contact forms and customer interactions | |
| Messaging | WhatsApp API Integration | Direct ordering and inquiries |
| Hosting | Vercel | Global CDN, fast builds, and simple deployments |
| Versioning | Git + GitHub | Source control and collaboration |
- Node.js >= 18
- PostgreSQL installed locally or hosted (Supabase, Railway, etc.)
- Git
# Clone repo
git clone https://github.com/yourusername/zada-afrique.git
cd zada-afrique/zada-main/vite
# Install dependencies
npm install- Product Catalog — See pricing and details for Afrocentric items
- WhatsApp Ordering — Place orders instantly via WhatsApp integration
- Contact Form — Customers can send inquiries, place orders, or provide feedback
- Mobile-First Design — Optimized for shopping on any device
- Database-Driven product management (manual updates for now)
- Email Alerts for form submissions
- Direct Sales Channel: Eliminates extra steps between product discovery and purchase
- Multi-Channel Communication: — WhatsApp + email + website contact form
- Brand Visibility: Professional online presence to attract local & international buyers
- Customer Engagement: Multiple channels (WhatsApp, contact form) for easy communication
- Future-Proof: Ready for more advanced features (dashboard, newsletters, filtering)
- Admin dashboard for adding/editing products
- Auto-sliding customer reviews section
- Product filtering & sorting
- Newsletter sign-up integration
- Instagram feed embedding
- Frontend Framework: React (Vite)
- Styling System: TailwindCSS + CSS modules
- Database: Firebase Firestore
- Icons: Lucide React / FontAwesome
- Forms: EmailJS (frontend) + Firestore
- Code Quality: Prettier + ESLint