Hema Phone
Bilingual E-Commerce Store
Live Arabic/English store for a phones & accessories shop: catalog, cart, WhatsApp ordering, maintenance requests and a full admin panel with products, orders, team roles and an analytics dashboard.
- Status
- Completed
- Role
- Full-Stack Developer
- Client
- Hema Phone — mobile phones & accessories retailer
- Year
- 2026
- Project type
- E-Commerce
Overview
Overview
Hema Phone is a bilingual online store for a mobile phones and accessories shop. Customers browse products, add them to the cart and send the order; the shop confirms by WhatsApp or collects payment on delivery.
The Challenge
The shop needed to sell online to Arabic-speaking customers without a card payment gateway, while letting the owner and staff manage products, stock, orders, repair requests and homepage banners themselves — each person with only the access they need.
The Solution
I built an RTL-first storefront with an English version, light and dark themes, search, wishlist and cart, plus an order flow that hands off to WhatsApp. Behind it is a role-based admin panel for products, colors and inventory, orders and maintenance, banners, shipping settings and team accounts, backed by SQLite / Cloudflare D1 through Drizzle ORM.
Key Features
- Arabic (RTL) and English storefront
- Light and dark themes
- Product search, categories, brands and wishlist
- Cart with ordering via WhatsApp or cash on delivery
- Home delivery to 27 governorates or pickup from 2 branches
- Maintenance (repair) requests section
- Short product videos on the storefront
- Admin: products, colors, categories, brands and inventory
- Admin: orders, maintenance requests, delivery and shipping
- Admin: reports — visitors, conversion funnel, traffic sources, devices, top products, searches with no results
- PDF / Excel export of reports
- Home banners, storefront settings and branches management
- Team accounts with role-based permissions
Project Screenshots
A closer look at the product and its key screens.
Tech Stack
Technologies used to build this project.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Drizzle ORM
- Zod
- Recharts
- Cloudflare Workers
- Cloudflare D1
- Cloudflare R2
Project Details
Key information about this project.
- Status
- Completed
- Role
- Full-Stack Developer
- Client
- Hema Phone — mobile phones & accessories retailer
- Year
- 2026
- Project type
- E-Commerce
My Responsibilities
Key areas I was responsible for.
- UI implementation (RTL & LTR)
- Frontend and backend development
- Database design with Drizzle ORM on Cloudflare D1
- Admin panel, analytics and role-based access control
- Deployment on Cloudflare Workers
Next project