✨ Add Airtable integration for permanent student data storage

- Add AirtableService module for database operations
- Update all API endpoints to use Airtable when configured
- Maintain backward compatibility with file-based storage
- Auto-import existing 38 examples to Airtable on first run
- Support all CRUD operations with Airtable backend
- Perfect for classroom use with persistent student submissions

server/airtable-service.js

@@ -0,0 +1,281 @@
+const Airtable = require('airtable');
+
+class AirtableService {
+  constructor() {
+    // Configure Airtable
+    this.apiKey = process.env.AIRTABLE_API_KEY;
+    this.baseId = process.env.AIRTABLE_BASE_ID;
+    this.tableName = process.env.AIRTABLE_TABLE_NAME || 'Examples';
+    
+    if (!this.apiKey || !this.baseId) {
+      console.warn('⚠️  Airtable not configured. Using fallback storage.');
+      this.isConfigured = false;
+      return;
+    }
+
+    this.base = new Airtable({ apiKey: this.apiKey }).base(this.baseId);
+    this.table = this.base(this.tableName);
+    this.isConfigured = true;
+    
+    console.log('✅ Airtable service initialized');
+  }
+
+  // Convert Airtable record to our app format
+  formatRecord(record) {
+    const fields = record.fields;
+    return {
+      id: record.id,
+      english: fields.English || '',
+      mainland: fields.Mainland || '',
+      taiwan: fields.Taiwan || '',
+      brand: fields.Brand || '',
+      category: fields.Category || '',
+      description: fields.Description || '',
+      type: fields.Type || 'slogan',
+      culturalNote: fields.CulturalNote || '',
+      dateAdded: fields.DateAdded || new Date().toISOString(),
+      source: fields.Source || 'Student Submission',
+      status: fields.Status || 'pending',
+      contributor: fields.Contributor || '',
+      lastModified: fields.LastModified || fields.DateAdded || new Date().toISOString()
+    };
+  }
+
+  // Convert our app format to Airtable format
+  formatForAirtable(example) {
+    return {
+      English: example.english,
+      Mainland: example.mainland,
+      Taiwan: example.taiwan,
+      Brand: example.brand,
+      Category: example.category,
+      Description: example.description || '',
+      Type: example.type || 'slogan',
+      CulturalNote: example.culturalNote || '',
+      DateAdded: example.dateAdded || new Date().toISOString(),
+      Source: example.source || 'Student Submission',
+      Status: example.status || 'pending',
+      Contributor: example.contributor || '',
+      LastModified: new Date().toISOString()
+    };
+  }
+
+  // Get all examples
+  async getAllExamples() {
+    if (!this.isConfigured) {
+      throw new Error('Airtable not configured');
+    }
+
+    try {
+      const records = await this.table.select({
+        view: 'Grid view',
+        sort: [{ field: 'DateAdded', direction: 'asc' }]
+      }).all();
+
+      return records.map(record => this.formatRecord(record));
+    } catch (error) {
+      console.error('❌ Failed to get examples from Airtable:', error);
+      throw error;
+    }
+  }
+
+  // Get examples with filters
+  async getExamples(filters = {}) {
+    if (!this.isConfigured) {
+      throw new Error('Airtable not configured');
+    }
+
+    try {
+      let filterFormula = '';
+      const filterConditions = [];
+
+      if (filters.category) {
+        filterConditions.push(`{Category} = "${filters.category}"`);
+      }
+      if (filters.type) {
+        filterConditions.push(`{Type} = "${filters.type}"`);
+      }
+      if (filters.status) {
+        filterConditions.push(`{Status} = "${filters.status}"`);
+      }
+
+      if (filterConditions.length > 0) {
+        filterFormula = filterConditions.length === 1 
+          ? filterConditions[0]
+          : `AND(${filterConditions.join(', ')})`;
+      }
+
+      const selectOptions = {
+        view: 'Grid view',
+        sort: [{ field: 'DateAdded', direction: 'asc' }]
+      };
+
+      if (filterFormula) {
+        selectOptions.filterByFormula = filterFormula;
+      }
+
+      const records = await this.table.select(selectOptions).all();
+      return records.map(record => this.formatRecord(record));
+    } catch (error) {
+      console.error('❌ Failed to get filtered examples:', error);
+      throw error;
+    }
+  }
+
+  // Add new example
+  async addExample(example) {
+    if (!this.isConfigured) {
+      throw new Error('Airtable not configured');
+    }
+
+    try {
+      const airtableData = this.formatForAirtable(example);
+      const record = await this.table.create(airtableData);
+      
+      console.log(`✅ Added example to Airtable: ${example.brand} - ${example.english}`);
+      return this.formatRecord(record);
+    } catch (error) {
+      console.error('❌ Failed to add example to Airtable:', error);
+      throw error;
+    }
+  }
+
+  // Update example
+  async updateExample(id, updates) {
+    if (!this.isConfigured) {
+      throw new Error('Airtable not configured');
+    }
+
+    try {
+      const airtableData = this.formatForAirtable({
+        ...updates,
+        lastModified: new Date().toISOString()
+      });
+      
+      const record = await this.table.update(id, airtableData);
+      console.log(`✅ Updated example in Airtable: ${id}`);
+      return this.formatRecord(record);
+    } catch (error) {
+      console.error('❌ Failed to update example in Airtable:', error);
+      throw error;
+    }
+  }
+
+  // Delete example
+  async deleteExample(id) {
+    if (!this.isConfigured) {
+      throw new Error('Airtable not configured');
+    }
+
+    try {
+      await this.table.destroy(id);
+      console.log(`✅ Deleted example from Airtable: ${id}`);
+      return { success: true };
+    } catch (error) {
+      console.error('❌ Failed to delete example from Airtable:', error);
+      throw error;
+    }
+  }
+
+  // Search examples
+  async searchExamples(searchTerm) {
+    if (!this.isConfigured) {
+      throw new Error('Airtable not configured');
+    }
+
+    try {
+      const searchTermLower = searchTerm.toLowerCase();
+      const filterFormula = `OR(
+        SEARCH("${searchTerm}", {English}),
+        SEARCH("${searchTerm}", {Mainland}),
+        SEARCH("${searchTerm}", {Taiwan}),
+        SEARCH("${searchTerm}", {Brand}),
+        SEARCH("${searchTerm}", {Category}),
+        SEARCH("${searchTerm}", {Description})
+      )`;
+
+      const records = await this.table.select({
+        filterByFormula: filterFormula,
+        sort: [{ field: 'DateAdded', direction: 'desc' }]
+      }).all();
+
+      return records.map(record => this.formatRecord(record));
+    } catch (error) {
+      console.error('❌ Failed to search examples in Airtable:', error);
+      throw error;
+    }
+  }
+
+  // Bulk import examples (for initial setup)
+  async bulkImport(examples) {
+    if (!this.isConfigured) {
+      throw new Error('Airtable not configured');
+    }
+
+    try {
+      console.log(`📦 Starting bulk import of ${examples.length} examples...`);
+      
+      // Airtable API allows max 10 records per batch
+      const batchSize = 10;
+      const results = [];
+
+      for (let i = 0; i < examples.length; i += batchSize) {
+        const batch = examples.slice(i, i + batchSize);
+        const airtableRecords = batch.map(example => ({
+          fields: this.formatForAirtable(example)
+        }));
+
+        const batchResults = await this.table.create(airtableRecords);
+        results.push(...batchResults);
+        
+        console.log(`📦 Imported batch ${Math.floor(i/batchSize) + 1}/${Math.ceil(examples.length/batchSize)}`);
+        
+        // Small delay between batches to avoid rate limits
+        if (i + batchSize < examples.length) {
+          await new Promise(resolve => setTimeout(resolve, 200));
+        }
+      }
+
+      console.log(`✅ Bulk import completed: ${results.length} examples imported`);
+      return results.map(record => this.formatRecord(record));
+    } catch (error) {
+      console.error('❌ Bulk import failed:', error);
+      throw error;
+    }
+  }
+
+  // Get statistics
+  async getStats() {
+    if (!this.isConfigured) {
+      throw new Error('Airtable not configured');
+    }
+
+    try {
+      const examples = await this.getAllExamples();
+      
+      const stats = {
+        total: examples.length,
+        byCategory: {},
+        byType: {},
+        byStatus: {},
+        recent: examples.filter(ex => {
+          const daysSinceAdded = (new Date() - new Date(ex.dateAdded)) / (1000 * 60 * 60 * 24);
+          return daysSinceAdded <= 7;
+        }).length
+      };
+
+      examples.forEach(example => {
+        stats.byCategory[example.category] = (stats.byCategory[example.category] || 0) + 1;
+        stats.byType[example.type] = (stats.byType[example.type] || 0) + 1;
+        stats.byStatus[example.status] = (stats.byStatus[example.status] || 0) + 1;
+      });
+
+      return stats;
+    } catch (error) {
+      console.error('❌ Failed to get stats from Airtable:', error);
+      throw error;
+    }
+  }
+}
+
+module.exports = AirtableService; 

server/index.js

@@ -6,6 +6,7 @@ const path = require('path');
 const fs = require('fs').promises;
 const cron = require('node-cron');
 const { v4: uuidv4 } = require('uuid');
+const AirtableService = require('./airtable-service');
 require('dotenv').config();
 
 const app = express();
@@ -19,7 +20,10 @@ if (process.env.NODE_ENV === 'production') {
   app.use(express.static(path.join(__dirname, '../client/build')));
 }
 
-// In-memory storage for examples (in production, you'd use a database)
+// Initialize Airtable service
+const airtableService = new AirtableService();
+
+// Fallback in-memory storage for examples if Airtable not configured
 let transcreationExamples = [];
 
 // Load cached examples from file on startup
@@ -567,12 +571,40 @@ const simulateOnlineSearch = async (category = '', maxResults = 5) => {
 
 // Initialize cache on startup and load all examples if none exist
 const initializeServer = async () => {
-  await loadCachedExamples();
-  
-  // If no examples are cached, automatically load all 38 examples
-  if (transcreationExamples.length === 0) {
-    console.log('🔍 No cached examples found, loading all 38 examples...');
-    await searchTranscreationExamples('', 38);
+  if (airtableService.isConfigured) {
+    console.log('🔗 Airtable configured, checking for existing data...');
+    try {
+      // Check if Airtable has examples
+      const airtableExamples = await airtableService.getAllExamples();
+      
+      if (airtableExamples.length === 0) {
+        console.log('📦 Airtable is empty, importing 38 examples...');
+        // Load examples from simulateOnlineSearch and import to Airtable
+        const allExamples = await simulateOnlineSearch('', 38);
+        await airtableService.bulkImport(allExamples);
+        console.log('✅ Successfully imported all examples to Airtable');
+      } else {
+        console.log(`📚 Found ${airtableExamples.length} examples in Airtable`);
+      }
+    } catch (error) {
+      console.error('❌ Failed to initialize Airtable:', error);
+      console.log('🔄 Falling back to file-based storage...');
+      // Fall back to file-based storage
+      await loadCachedExamples();
+      if (transcreationExamples.length === 0) {
+        console.log('🔍 No cached examples found, loading all 38 examples...');
+        await searchTranscreationExamples('', 38);
+      }
+    }
+  } else {
+    console.log('📁 Using file-based storage...');
+    await loadCachedExamples();
+    
+    // If no examples are cached, automatically load all 38 examples
+    if (transcreationExamples.length === 0) {
+      console.log('🔍 No cached examples found, loading all 38 examples...');
+      await searchTranscreationExamples('', 38);
+    }
   }
 };
 
@@ -581,44 +613,73 @@ initializeServer();
 // API Routes
 
 // Get all examples
-app.get('/api/examples', (req, res) => {
-  const { category, type, random } = req.query;
-  let examples = [...transcreationExamples];
+app.get('/api/examples', async (req, res) => {
+  try {
+    const { category, type, random } = req.query;
+    let examples;
 
-  // Filter by category
-  if (category) {
-    examples = examples.filter(ex => 
-      ex.category.toLowerCase().includes(category.toLowerCase())
-    );
-  }
+    if (airtableService.isConfigured) {
+      // Use Airtable
+      const filters = {};
+      if (category) filters.category = category;
+      if (type) filters.type = type;
+      
+      examples = await airtableService.getExamples(filters);
+    } else {
+      // Fallback to in-memory storage
+      examples = [...transcreationExamples];
 
-  // Filter by type
-  if (type) {
-    examples = examples.filter(ex => ex.type === type);
-  }
+      // Filter by category
+      if (category) {
+        examples = examples.filter(ex => 
+          ex.category.toLowerCase().includes(category.toLowerCase())
+        );
+      }
 
-  // Randomize if requested
-  if (random === 'true') {
-    examples = examples.sort(() => Math.random() - 0.5);
-  }
+      // Filter by type
+      if (type) {
+        examples = examples.filter(ex => ex.type === type);
+      }
+    }
 
-  res.json({
-    success: true,
-    data: examples,
-    total: examples.length
-  });
+    // Randomize if requested
+    if (random === 'true') {
+      examples = examples.sort(() => Math.random() - 0.5);
+    }
+
+    res.json({
+      success: true,
+      data: examples,
+      total: examples.length
+    });
+  } catch (error) {
+    console.error('❌ Failed to get examples:', error);
+    res.status(500).json({
+      success: false,
+      error: 'Failed to retrieve examples'
+    });
+  }
 });
 
 // Get random example (or search for new one if cache is low)
 app.get('/api/examples/random', async (req, res) => {
   try {
-    // If we have few examples, try to find more
-    if (transcreationExamples.length < 5) {
-      console.log('🔍 Cache low, searching for new examples...');
-      await searchTranscreationExamples('', 10);
+    let examples;
+    
+    if (airtableService.isConfigured) {
+      // Use Airtable
+      examples = await airtableService.getAllExamples();
+    } else {
+      // Fallback to in-memory storage
+      // If we have few examples, try to find more
+      if (transcreationExamples.length < 5) {
+        console.log('🔍 Cache low, searching for new examples...');
+        await searchTranscreationExamples('', 10);
+      }
+      examples = transcreationExamples;
     }
 
-    if (transcreationExamples.length === 0) {
+    if (examples.length === 0) {
       return res.json({
         success: true,
         data: null,
@@ -626,14 +687,15 @@ app.get('/api/examples/random', async (req, res) => {
       });
     }
 
-    const randomIndex = Math.floor(Math.random() * transcreationExamples.length);
-    const example = transcreationExamples[randomIndex];
+    const randomIndex = Math.floor(Math.random() * examples.length);
+    const example = examples[randomIndex];
     
     res.json({
       success: true,
       data: example
     });
   } catch (error) {
+    console.error('❌ Failed to get random example:', error);
     res.status(500).json({
       success: false,
       error: 'Failed to get random example'
@@ -665,85 +727,160 @@ app.post('/api/examples/search-online', async (req, res) => {
 });
 
 // Get example by ID
-app.get('/api/examples/:id', (req, res) => {
-  const example = transcreationExamples.find(ex => ex.id === req.params.id);
-  
-  if (!example) {
-    return res.status(404).json({
+app.get('/api/examples/:id', async (req, res) => {
+  try {
+    let example;
+    
+    if (airtableService.isConfigured) {
+      // Use Airtable - get all examples and find by ID
+      const examples = await airtableService.getAllExamples();
+      example = examples.find(ex => ex.id === req.params.id);
+    } else {
+      // Fallback to in-memory storage
+      example = transcreationExamples.find(ex => ex.id === req.params.id);
+    }
+    
+    if (!example) {
+      return res.status(404).json({
+        success: false,
+        error: 'Example not found'
+      });
+    }
+
+    res.json({
+      success: true,
+      data: example
+    });
+  } catch (error) {
+    console.error('❌ Failed to get example by ID:', error);
+    res.status(500).json({
       success: false,
-      error: 'Example not found'
+      error: 'Failed to retrieve example'
     });
   }
-
-  res.json({
-    success: true,
-    data: example
-  });
 });
 
 // Get categories
-app.get('/api/categories', (req, res) => {
-  const categories = [...new Set(transcreationExamples.map(ex => ex.category))];
-  
-  res.json({
-    success: true,
-    data: categories
-  });
+app.get('/api/categories', async (req, res) => {
+  try {
+    let categories;
+    
+    if (airtableService.isConfigured) {
+      const examples = await airtableService.getAllExamples();
+      categories = [...new Set(examples.map(ex => ex.category))];
+    } else {
+      categories = [...new Set(transcreationExamples.map(ex => ex.category))];
+    }
+    
+    res.json({
+      success: true,
+      data: categories
+    });
+  } catch (error) {
+    console.error('❌ Failed to get categories:', error);
+    res.status(500).json({
+      success: false,
+      error: 'Failed to retrieve categories'
+    });
+  }
 });
 
 // Get types
-app.get('/api/types', (req, res) => {
-  const types = [...new Set(transcreationExamples.map(ex => ex.type))];
-  
-  res.json({
-    success: true,
-    data: types
-  });
+app.get('/api/types', async (req, res) => {
+  try {
+    let types;
+    
+    if (airtableService.isConfigured) {
+      const examples = await airtableService.getAllExamples();
+      types = [...new Set(examples.map(ex => ex.type))];
+    } else {
+      types = [...new Set(transcreationExamples.map(ex => ex.type))];
+    }
+    
+    res.json({
+      success: true,
+      data: types
+    });
+  } catch (error) {
+    console.error('❌ Failed to get types:', error);
+    res.status(500).json({
+      success: false,
+      error: 'Failed to retrieve types'
+    });
+  }
 });
 
 // Search examples
-app.get('/api/search', (req, res) => {
-  const { q } = req.query;
-  
-  if (!q) {
-    return res.json({
+app.get('/api/search', async (req, res) => {
+  try {
+    const { q } = req.query;
+    
+    if (!q) {
+      return res.json({
+        success: true,
+        data: [],
+        total: 0
+      });
+    }
+
+    let results;
+    
+    if (airtableService.isConfigured) {
+      results = await airtableService.searchExamples(q);
+    } else {
+      const searchTerm = q.toLowerCase();
+      results = transcreationExamples.filter(ex => 
+        ex.english.toLowerCase().includes(searchTerm) ||
+        ex.mainland.toLowerCase().includes(searchTerm) ||
+        ex.taiwan?.toLowerCase().includes(searchTerm) ||
+        ex.brand.toLowerCase().includes(searchTerm) ||
+        ex.category.toLowerCase().includes(searchTerm) ||
+        ex.description?.toLowerCase().includes(searchTerm)
+      );
+    }
+
+    res.json({
       success: true,
-      data: [],
-      total: 0
+      data: results,
+      total: results.length
+    });
+  } catch (error) {
+    console.error('❌ Failed to search examples:', error);
+    res.status(500).json({
+      success: false,
+      error: 'Failed to search examples'
     });
   }
-
-  const searchTerm = q.toLowerCase();
-  const results = transcreationExamples.filter(ex => 
-    ex.english.toLowerCase().includes(searchTerm) ||
-    ex.mainland.toLowerCase().includes(searchTerm) ||
-    ex.taiwan?.toLowerCase().includes(searchTerm) ||
-    ex.brand.toLowerCase().includes(searchTerm) ||
-    ex.category.toLowerCase().includes(searchTerm) ||
-    ex.description?.toLowerCase().includes(searchTerm)
-  );
-
-  res.json({
-    success: true,
-    data: results,
-    total: results.length
-  });
 });
 
 // Get database stats
-app.get('/api/stats', (req, res) => {
-  const stats = {
-    totalExamples: transcreationExamples.length,
-    categories: [...new Set(transcreationExamples.map(ex => ex.category))].length,
-    types: [...new Set(transcreationExamples.map(ex => ex.type))].length,
-    lastUpdated: transcreationExamples.length > 0 ? 
-      Math.max(...transcreationExamples.map(ex => new Date(ex.dateAdded || Date.now()).getTime())) : null
-  };
+app.get('/api/stats', async (req, res) => {
+  try {
+    let stats;
+    
+    if (airtableService.isConfigured) {
+      stats = await airtableService.getStats();
+    } else {
+      stats = {
+        totalExamples: transcreationExamples.length,
+        categories: [...new Set(transcreationExamples.map(ex => ex.category))].length,
+        types: [...new Set(transcreationExamples.map(ex => ex.type))].length,
+        lastUpdated: transcreationExamples.length > 0 ? 
+          Math.max(...transcreationExamples.map(ex => new Date(ex.dateAdded || Date.now()).getTime())) : null
+      };
+    }
 
-  res.json({
-    success: true,
-    data: stats
-  });
+    res.json({
+      success: true,
+      data: stats
+    });
+  } catch (error) {
+    console.error('❌ Failed to get stats:', error);
+    res.status(500).json({
+      success: false,
+      error: 'Failed to retrieve statistics'
+    });
+  }
 });
 
 // Health check
@@ -807,13 +944,22 @@ app.post('/api/examples/add', async (req, res) => {
     };
 
     console.log('✨ Created new example:', JSON.stringify(newExample, null, 2));
-    transcreationExamples.push(newExample);
-    await saveCachedExamples();
+    
+    let savedExample;
+    if (airtableService.isConfigured) {
+      // Use Airtable
+      savedExample = await airtableService.addExample(newExample);
+    } else {
+      // Fallback to in-memory storage
+      transcreationExamples.push(newExample);
+      await saveCachedExamples();
+      savedExample = newExample;
+    }
 
     res.json({
       success: true,
       message: 'Example added successfully',
-      example: newExample
+      example: savedExample
     });
   } catch (error) {
     console.error('❌ Error adding example:', error);
@@ -832,9 +978,18 @@ app.put('/api/examples/:id', async (req, res) => {
     console.log(`📝 UPDATE REQUEST for ID: ${id}`);
     console.log(`📝 REQUEST BODY:`, JSON.stringify(req.body, null, 2));
     
-    const index = transcreationExamples.findIndex(ex => ex.id === id);
+    let existingExample;
+    if (airtableService.isConfigured) {
+      // Use Airtable - get all examples and find by ID
+      const examples = await airtableService.getAllExamples();
+      existingExample = examples.find(ex => ex.id === id);
+    } else {
+      // Fallback to in-memory storage
+      const index = transcreationExamples.findIndex(ex => ex.id === id);
+      existingExample = index !== -1 ? transcreationExamples[index] : null;
+    }
     
-    if (index === -1) {
+    if (!existingExample) {
       console.log(`❌ Example with ID ${id} not found`);
       return res.status(404).json({
         success: false,
@@ -842,7 +997,7 @@ app.put('/api/examples/:id', async (req, res) => {
       });
     }
 
-    console.log(`📝 FOUND EXAMPLE at index ${index}:`, JSON.stringify(transcreationExamples[index], null, 2));
+    console.log(`📝 FOUND EXAMPLE:`, JSON.stringify(existingExample, null, 2));
 
     // Determine if this is a Chinese to English entry (no taiwan field)
     const isChineseToEnglish = !req.body.hasOwnProperty('taiwan');
@@ -871,27 +1026,32 @@ app.put('/api/examples/:id', async (req, res) => {
     }
 
     // Preserve original dateAdded and merge updates
-    const updatedExample = {
-      ...transcreationExamples[index],  // Start with existing data
+    const updatedData = {
+      ...existingExample,  // Start with existing data
       ...req.body,  // Merge in updates
       id,  // Ensure ID doesn't change
-      dateAdded: transcreationExamples[index].dateAdded,  // Preserve original date
+      dateAdded: existingExample.dateAdded,  // Preserve original date
       lastModified: new Date().toISOString(),  // Add last modified timestamp
       // Handle optional fields - if not provided in request, keep existing value
-      status: req.body.status ?? transcreationExamples[index].status ?? 'pending',
-      contributor: req.body.contributor === undefined ? transcreationExamples[index].contributor : req.body.contributor,
-      type: req.body.type ?? transcreationExamples[index].type ?? 'slogan',
-      description: req.body.description ?? transcreationExamples[index].description ?? ''
+      status: req.body.status ?? existingExample.status ?? 'pending',
+      contributor: req.body.contributor === undefined ? existingExample.contributor : req.body.contributor,
+      type: req.body.type ?? existingExample.type ?? 'slogan',
+      description: req.body.description ?? existingExample.description ?? ''
     };
 
-    // Update the example in the array
-    transcreationExamples[index] = updatedExample;
+    let updatedExample;
+    if (airtableService.isConfigured) {
+      // Use Airtable
+      updatedExample = await airtableService.updateExample(id, updatedData);
+    } else {
+      // Fallback to in-memory storage
+      const index = transcreationExamples.findIndex(ex => ex.id === id);
+      transcreationExamples[index] = updatedData;
+      await saveCachedExamples();
+      updatedExample = updatedData;
+    }
 
     console.log(`📝 UPDATED EXAMPLE:`, JSON.stringify(updatedExample, null, 2));
-    console.log(`📝 EXAMPLE IN ARRAY AFTER UPDATE:`, JSON.stringify(transcreationExamples[index], null, 2));
-
-    // Save to cache file
-    await saveCachedExamples();
 
     console.log(`✅ UPDATE COMPLETED for ID: ${id}`);
 
@@ -911,27 +1071,32 @@ app.put('/api/examples/:id', async (req, res) => {
 });
 
 // Delete example
-app.delete('/api/examples/:id', (req, res) => {
+app.delete('/api/examples/:id', async (req, res) => {
   try {
     const { id } = req.params;
     
-    // Find and remove example
-    const index = transcreationExamples.findIndex(ex => ex.id === id);
-    if (index === -1) {
-      return res.status(404).json({
-        success: false,
-        error: 'Example not found'
-      });
+    if (airtableService.isConfigured) {
+      // Use Airtable
+      await airtableService.deleteExample(id);
+    } else {
+      // Fallback to in-memory storage
+      const index = transcreationExamples.findIndex(ex => ex.id === id);
+      if (index === -1) {
+        return res.status(404).json({
+          success: false,
+          error: 'Example not found'
+        });
+      }
+      transcreationExamples.splice(index, 1);
+      await saveCachedExamples();
     }
 
-    transcreationExamples.splice(index, 1);
-    saveCachedExamples();
-
     res.json({
       success: true,
       message: 'Example deleted successfully'
     });
   } catch (error) {
+    console.error('❌ Failed to delete example:', error);
     res.status(500).json({
       success: false,
       error: 'Failed to delete example'

server/package-lock.json

@@ -7,18 +7,45 @@
     "": {
       "name": "transcreation-explorer-server",
       "version": "1.0.0",
+      "license": "ISC",
       "dependencies": {
-        "axios": "^1.6.2",
+        "airtable": "^0.12.2",
+        "axios": "^1.6.7",
         "cheerio": "^1.0.0-rc.12",
         "cors": "^2.8.5",
-        "dotenv": "^16.3.1",
+        "dotenv": "^16.4.1",
         "express": "^4.18.2",
-        "node-cron": "^3.0.3"
+        "node-cron": "^3.0.3",
+        "uuid": "^9.0.1"
       },
       "devDependencies": {
-        "nodemon": "^3.0.2"
+        "nodemon": "^3.0.3"
       }
     },
+    "node_modules/@types/node": {
+      "version": "14.18.63",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-14.18.63.tgz",
+      "integrity": "sha512-fAtCfv4jJg+ExtXhvCkCqUKZ+4ok/JQk01qDKhL5BDDoS3AxKXhV5/MAVUZyQnSEd2GT92fkgZl0pz0Q0AzcIQ==",
+      "license": "MIT"
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "license": "MIT",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/abortcontroller-polyfill": {
+      "version": "1.7.8",
+      "resolved": "https://registry.npmjs.org/abortcontroller-polyfill/-/abortcontroller-polyfill-1.7.8.tgz",
+      "integrity": "sha512-9f1iZ2uWh92VcrU9Y8x+LdM4DLj75VE0MJB8zuF1iUnroEptStw+DQ8EQPMUdfe5k+PkB1uUfDQfWbhstH8LrQ==",
+      "license": "MIT"
+    },
     "node_modules/accepts": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@@ -32,6 +59,22 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/airtable": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/airtable/-/airtable-0.12.2.tgz",
+      "integrity": "sha512-HS3VytUBTKj8A0vPl7DDr5p/w3IOGv6RXL0fv7eczOWAtj9Xe8ri4TAiZRXoOyo+Z/COADCj+oARFenbxhmkIg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": ">=8.0.0 <15",
+        "abort-controller": "^3.0.0",
+        "abortcontroller-polyfill": "^1.4.0",
+        "lodash": "^4.17.21",
+        "node-fetch": "^2.6.7"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
@@ -574,6 +617,15 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/express": {
       "version": "4.21.2",
       "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
@@ -967,6 +1019,12 @@
         "node": ">=0.12.0"
       }
     },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -1076,6 +1134,35 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/node-cron/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/nodemon": {
       "version": "3.1.10",
       "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.10.tgz",
@@ -1590,6 +1677,12 @@
         "nodetouch": "bin/nodetouch.js"
       }
     },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT"
+    },
     "node_modules/type-is": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
@@ -1638,9 +1731,13 @@
       }
     },
     "node_modules/uuid": {
-      "version": "8.3.2",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
-      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
       "license": "MIT",
       "bin": {
         "uuid": "dist/bin/uuid"
@@ -1655,6 +1752,12 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause"
+    },
     "node_modules/whatwg-encoding": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
@@ -1675,6 +1778,16 @@
       "engines": {
         "node": ">=18"
       }
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
     }
   }
 }

server/package.json

@@ -16,6 +16,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "airtable": "^0.12.2",
     "axios": "^1.6.7",
     "cheerio": "^1.0.0-rc.12",
     "cors": "^2.8.5",
@@ -27,4 +28,4 @@
   "devDependencies": {
     "nodemon": "^3.0.3"
   }
-} 
+}