Ala Taswya – Order home-style food, ready to cook

An ordering website for a home-cooking brand: pick dishes, fill a cart, choose a pickup day and time, and send the order.

3taswya.vercel.app
The home page: home-style food made fresh, ready to cook.

Overview

Designed and built for Ala Taswya, an Egyptian brand that prepares home-style food fresh to order and hands it over ready to cook. The menu has marinated chicken and meat, stuffed vegetables, trays, tagines and more. Customers order from their phone and choose when to pick up their food. The site is in Arabic.

The challenge

What was not working

Every order is prepared fresh, needs two days, and the kitchen is closed on Fridays. So customers must pick a pickup day and time that really works. The brand also needed a clear menu with photos and prices.

The solution

What I built

Built a menu of 54 items in 7 sections, with search, photos, prices and a pop-up for each dish. At checkout, a pickup picker shows only the days that are allowed, plus three time slots. When an order is sent, the owner gets it on WhatsApp with a link to chat with the customer. The site also has offers, reviews and a contact page. Behind it, an admin panel handles orders, the menu, offers, reviews and simple accounting with printable invoices.

Mobile app

In your pocket

Home food made fresh for you, on your phone.
Home food made fresh for you, on your phone.
The menu with search, sections and a cart bar.
The menu with search, sections and a cart bar.
Tap a dish to see it big and add it.
Tap a dish to see it big and add it.
Check your order before you send it.
Check your order before you send it.
Pick the day and time to get your food.
Pick the day and time to get your food.

Stack

05 parts

The tools behind it, from the screens people use to the services that store data, think and send messages.

Node.js & Express
MongoDB
JavaScript
Cloudinary
TextMeBot (WhatsApp)
Screens

Inside the product

01 / 06
01The home page: home-style food made fresh, ready to cook.
02The menu with search, sections, prices and a cart bar.
03Tap a dish to see a big photo and its price.
04The checkout page: your order and the total price.
05Pick the day and time you want to collect your order.
06The most ordered dishes, each with its price.
Next case study · 01 · Full-stack DevelopmentClinicMind - AI brain for modern clinicsOpen case study