> ## Documentation Index
> Fetch the complete documentation index at: https://withseismic.com/llms.txt
> Use this file to discover all available pages before exploring further.

# DinnersWithFriends.co.uk

> A social dining platform connecting people over good food and great company in Exeter, built with Next.js, Supabase, and modern web technologies.

<script type="application/ld+json">
  {`{
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "DinnersWithFriends.co.uk",
    "description": "Social dining platform connecting people over food in Exeter.",
    "url": "https://withseismic.com/case-studies/dinners-with-friends",
    "author": {
      "@type": "Organization",
      "name": "WithSeismic"
    },
    "publisher": {
      "@type": "Organization",
      "name": "WithSeismic",
      "logo": {
        "@type": "ImageObject",
        "url": "https://withseismic.com/logo/light.svg"
      }
    }
    }`}
</script>

<div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12 not-prose">
  <Card title="Social Dining" icon="users">
    Connect strangers over shared meals
  </Card>

  <Card title="Event Platform" icon="calendar">
    Discover and book dinner experiences
  </Card>

  <Card title="Community" icon="heart">
    Building connections through food
  </Card>
</div>

## The Concept

Join us for an unforgettable evening where people come together for good food and great company.

DinnersWithFriends is a social dining platform based in Exeter that organizes communal dinner events. The concept is simple: strangers become friends over carefully curated meals at local restaurants and pop-up venues.

## What We Built

### Event Discovery

A beautiful, intuitive interface for browsing upcoming dinner events:

* **Date/Time**: Clear scheduling with timezone handling
* **Venue**: Restaurant details with photos and menus
* **Attendees**: See who else is coming (with privacy controls)
* **Themes**: Italian Wine Dinner, French Bistro Evening, Devon Seafood Feast

### Reservation System

Seamless booking flow:

1. Browse available events
2. Select your preferred date
3. Complete reservation with payment
4. Receive confirmation and event details
5. Get reminders as the date approaches

### Community Features

<CardGroup cols={2}>
  <Card title="Profiles" icon="user">
    Member profiles with dining preferences and past events
  </Card>

  <Card title="Reviews" icon="star">
    Post-event feedback and ratings
  </Card>

  <Card title="Connections" icon="handshake">
    Connect with people you've dined with
  </Card>

  <Card title="Notifications" icon="bell">
    New events matching your preferences
  </Card>
</CardGroup>

## Technical Stack

Built with a modern, scalable architecture:

<CardGroup cols={3}>
  <Card title="Next.js" icon="n">
    React framework with App Router
  </Card>

  <Card title="Supabase" icon="database">
    Auth, database, and real-time
  </Card>

  <Card title="Drizzle" icon="droplet">
    Type-safe ORM
  </Card>

  <Card title="Tailwind" icon="paintbrush">
    Utility-first styling
  </Card>

  <Card title="Zustand" icon="box">
    State management
  </Card>

  <Card title="Hono" icon="flame">
    API routing
  </Card>
</CardGroup>

## Design Approach

The visual design needed to feel:

* **Warm**: Inviting colors and friendly typography
* **Premium**: Elevated but not pretentious
* **Local**: Connected to Exeter's food scene
* **Social**: Emphasizing the community aspect

## Key Features

* **Responsive Design**: Works beautifully on mobile for on-the-go booking
* **Real-time Updates**: See availability and attendees update live
* **Payment Integration**: Secure checkout with Stripe
* **Email Notifications**: Automated confirmations and reminders
* **Admin Dashboard**: Event management for organizers

## Why It Matters

In a world of food delivery apps and solo dining, DinnersWithFriends brings back the communal table. It's technology in service of human connection.

<Card title="Visit DinnersWithFriends" icon="arrow-up-right-from-square" href="https://dinnerswithfriends.co.uk">
  Explore upcoming events
</Card>