Remix

Make your own version of MUNAJ Admin Panel

Edit the prompt below and generate a customized version in seconds.

Original by Universal Media

Describe your app

.
# MUNAJ — SIMPLE ADMIN PANEL

Build a clean, simple, professional Admin Panel for the MUNAJ food-ordering platform.

The Admin Panel and MUNAJ customer website are separate apps but MUST use the **same existing Supabase project**.

## MAIN MENU

Create only:

* Dashboard
* Restaurants
* Menu
* Categories
* Orders
* Customers
* Offers
* Notifications
* Website Settings
* Branding
* Admin Profile
* Logout

## DASHBOARD

Show real Supabase data:

* Total Orders
* Pending Orders
* Customers
* Restaurants
* Revenue
* Recent Orders

No fake/demo data.

## RESTAURANTS

Admin can:

* Add
* Edit
* Delete/deactivate
* Upload restaurant image
* Set delivery fee
* Set delivery time
* Set opening/closing hours

Save everything to Supabase.

## MENU

Admin can:

* Add food
* Edit food
* Delete/deactivate food
* Upload food image
* Set price
* Set description
* Assign restaurant
* Assign category

Use Supabase Storage for images.

## CATEGORIES

Admin can:

* Add
* Edit
* Delete
* Activate/deactivate

Customer website must automatically display active categories.

## ORDERS

Show real customer orders from Supabase.

Display:

* Order number
* Customer
* Restaurant
* Items
* Total
* Payment status
* Order status
* Date

Admin can update:

Pending → Confirmed → Preparing → Out for Delivery → Delivered → Cancelled

Changes must be saved to Supabase and reflected on the customer website.

## CUSTOMERS

Show registered customers:

* Name
* Email
* Phone
* Orders
* Registration date

Never show passwords or private authentication credentials.

## OFFERS

Admin can create and manage:

* Title
* Description
* Discount
* Promo code
* Start/end date
* Active status
* Image

Only active offers appear on the customer website.

## NOTIFICATIONS

Admin can create notifications for customers.

Save notifications to Supabase.

## WEBSITE SETTINGS

Allow admin to change:

* Website name
* Description
* Contact email
* Phone
* Social links

The customer website must read these settings from Supabase.

## BRANDING

Allow admin to change:

* App name
* Logo
* Primary color
* Secondary color
* Accent color

Show a simple live preview.

IMPORTANT:

When clicking Save, branding MUST actually be saved to Supabase.

Do not save it only in React state or localStorage.

After saving, refresh the data from Supabase to confirm it was successfully stored.

## ADMIN PROFILE

Allow the admin to change:

* Name
* Email
* Profile image

The dashboard greeting must use the saved admin name.

Do not hard-code names.

## SUPABASE

Use the existing MUNAJ Supabase project.

Do NOT create another project.

Do NOT create duplicate tables.

First inspect the existing database schema and use the existing tables/columns.

Use Supabase for all important data.

Use Supabase Storage for images.

Use Supabase Auth for admin login.

## SECURITY

Use proper Supabase RLS.

Only authorized administrators can access the Admin Panel and modify admin data.

Never expose:

* Service-role key
* Payment secret keys
* Passwords

Do not disable RLS just to fix errors.

## CUSTOMER WEBSITE CONNECTION

Everything must synchronize through Supabase.

Admin adds food
→ Supabase
→ Food appears on customer website.

Admin changes price
→ Supabase
→ New price appears on customer website.

Customer places order
→ Supabase
→ Order appears in Admin Panel.

Admin updates order
→ Supabase
→ Customer sees updated status.

## DESIGN

Keep the Admin Panel:

* Simple
* Clean
* Fast
* Professional
* Responsive

Do not add unnecessary features, complicated animations, huge dashboards, or fake data.

Build the complete working MUNAJ Admin Panel now.

Free to use. No credit card required.