Morning Haze Cafe POS System

Server Actions and Prisma Integration

The application leverages Next.js Server Actions for form submissions and data mutations, ensuring type safety from the client to the database. Prisma ORM is used for robust database modeling.

// Example: Creating an order transaction
export async function createOrder(data: OrderInput) {
  return await prisma.$transaction(async (tx) => {
    const order = await tx.order.create({
      data: {
        cashierId: data.cashierId,
        totalAmount: data.total,
        orderStatus: 'COMPLETED',
        orderItems: {
          create: data.items.map(item => ({
             menuItemId: item.id,
             quantity: item.quantity,
             unitPrice: item.price,
             subTotal: item.price * item.quantity
          }))
        }
      }
    });
    
    // Deduct inventory
    for (const item of data.items) {
      await tx.inventory.update({
        where: { menuItemId: item.id },
        data: { stockQuantity: { decrement: item.quantity } }
      });
    }
    return order;
  });
}

Dynamic UI with Tailwind CSS

The UI is fully responsive, built with Tailwind CSS. It uses CSS Grid for the POS layout, allowing cashiers to quickly access categories and menu items on touch devices.