Upload 7 files

DEPLOYMENT.md

@@ -0,0 +1,117 @@
+# Deploying Transcreation Explorer to Hugging Face Spaces
+
+## Prerequisites
+
+1. A Hugging Face account (sign up at https://huggingface.co/)
+2. Git installed on your local machine
+
+## Deployment Steps
+
+### 1. Create a New Space
+
+1. Go to https://huggingface.co/new-space
+2. Fill in the details:
+   - **Space name**: `transcreation-explorer` (or your preferred name)
+   - **License**: MIT
+   - **SDK**: Docker
+   - **Hardware**: CPU basic (free tier)
+   - **Visibility**: Public (or Private if you prefer)
+
+### 2. Clone Your New Space
+
+```bash
+git clone https://huggingface.co/spaces/YOUR_USERNAME/transcreation-explorer
+cd transcreation-explorer
+```
+
+### 3. Copy Your Project Files
+
+Copy all the files from your local Transcreation Explorer project to the cloned space directory:
+
+```bash
+# Copy all files except .git directory
+cp -r /path/to/your/transcreation-explorer/* ./
+cp -r /path/to/your/transcreation-explorer/.gitignore ./
+```
+
+### 4. Update the README.md
+
+Replace `YOUR_USERNAME` in the README.md file with your actual Hugging Face username:
+
+```markdown
+Visit the live application: [Transcreation Explorer on Hugging Face](https://huggingface.co/spaces/YOUR_USERNAME/transcreation-explorer)
+```
+
+### 5. Commit and Push
+
+```bash
+git add .
+git commit -m "Initial deployment of Transcreation Explorer"
+git push origin main
+```
+
+### 6. Wait for Build
+
+1. Go to your space page: `https://huggingface.co/spaces/YOUR_USERNAME/transcreation-explorer`
+2. Hugging Face will automatically start building your Docker container
+3. This may take 5-10 minutes for the first build
+4. You can monitor the build logs in the "Logs" tab
+
+### 7. Access Your Application
+
+Once the build is complete, your application will be available at:
+`https://YOUR_USERNAME-transcreation-explorer.hf.space`
+
+## Configuration Notes
+
+- The application is configured to run on port 7860 (Hugging Face requirement)
+- The server will serve the built React app in production mode
+- All examples are stored in memory and will reset when the space restarts
+- For persistent data, consider adding a database integration
+
+## Updating Your Deployment
+
+To update your deployed application:
+
+1. Make changes to your local files
+2. Commit and push to the space repository:
+   ```bash
+   git add .
+   git commit -m "Update: [description of changes]"
+   git push origin main
+   ```
+3. Hugging Face will automatically rebuild and redeploy
+
+## Troubleshooting
+
+### Build Fails
+- Check the "Logs" tab for error messages
+- Ensure all dependencies are correctly specified in package.json files
+- Verify the Dockerfile syntax
+
+### Application Won't Start
+- Check that the PORT environment variable is set to 7860
+- Ensure the server is configured to serve static files in production
+- Verify all file paths are correct
+
+### Performance Issues
+- Consider upgrading to a better hardware tier if needed
+- Optimize the Docker image size by removing unnecessary files
+- Use .dockerignore to exclude large files/directories
+
+## Additional Features
+
+You can enhance your deployment by:
+
+1. Adding environment variables in the Space settings
+2. Connecting a persistent database (MongoDB, PostgreSQL)
+3. Setting up automated backups
+4. Adding authentication for the management features
+5. Implementing rate limiting for API endpoints
+
+## Support
+
+If you encounter issues:
+1. Check Hugging Face Spaces documentation
+2. Visit the Hugging Face community forums
+3. Review the application logs for specific error messages 

Dockerfile

@@ -0,0 +1,35 @@
+# Use Node.js official image
+FROM node:18-alpine
+
+# Set working directory
+WORKDIR /app
+
+# Copy package files first for better caching
+COPY package*.json ./
+COPY server/package*.json ./server/
+COPY client/package*.json ./client/
+
+# Install dependencies
+RUN npm install
+RUN cd server && npm install
+RUN cd client && npm install
+
+# Copy source code
+COPY . .
+
+# Build the React application
+RUN cd client && npm run build
+
+# Create a startup script
+RUN echo '#!/bin/sh\ncd /app && npm run start:prod' > /app/start.sh
+RUN chmod +x /app/start.sh
+
+# Expose port 7860 (required by Hugging Face)
+EXPOSE 7860
+
+# Set environment variables
+ENV NODE_ENV=production
+ENV PORT=7860
+
+# Start the application
+CMD ["/app/start.sh"] 

HUGGINGFACE_SETUP.md

@@ -0,0 +1,68 @@
+# 🚀 Quick Setup Guide for Hugging Face Spaces
+
+## What's Ready for Deployment
+
+Your Transcreation Explorer is now fully configured for deployment to Hugging Face Spaces! Here's what has been prepared:
+
+### ✅ Files Added/Updated:
+- **`Dockerfile`** - Containerizes your app for Hugging Face
+- **`README.md`** - Updated with Hugging Face metadata and documentation
+- **`.dockerignore`** - Optimizes build by excluding unnecessary files
+- **`.gitignore`** - Prevents sensitive files from being committed
+- **`DEPLOYMENT.md`** - Detailed deployment instructions
+- **`deploy.sh`** - Automated deployment script
+- **Server configuration** - Updated to serve React build in production
+
+## 🎯 Quick Deployment (2 options)
+
+### Option 1: Automated Script (Recommended)
+```bash
+# Run the deployment script with your Hugging Face username
+./deploy.sh YOUR_USERNAME
+```
+
+### Option 2: Manual Steps
+1. Go to https://huggingface.co/new-space
+2. Create a new space:
+   - Name: `transcreation-explorer`
+   - SDK: Docker
+   - Hardware: CPU basic
+3. Clone the space: `git clone https://huggingface.co/spaces/YOUR_USERNAME/transcreation-explorer`
+4. Copy your project files to the cloned directory
+5. Update README.md with your username
+6. Commit and push: `git add . && git commit -m "Deploy" && git push origin main`
+
+## 🌐 After Deployment
+
+- **Your app will be live at**: `https://YOUR_USERNAME-transcreation-explorer.hf.space`
+- **Build time**: 5-10 minutes for first deployment
+- **Monitor progress**: Check the "Logs" tab in your space
+
+## 🔧 Key Features Deployed
+
+- ✅ Full React frontend with routing
+- ✅ Express backend API
+- ✅ Example management system
+- ✅ Search and browse functionality
+- ✅ Bidirectional translation support (EN↔CN)
+- ✅ Category management with dropdown
+- ✅ Responsive design
+- ✅ Production-optimized build
+
+## 📊 What to Expect
+
+- **Performance**: Fast loading with optimized React build
+- **Storage**: Examples stored in memory (resets on restart)
+- **Scaling**: Suitable for moderate traffic on free tier
+- **Updates**: Push code changes to automatically redeploy
+
+## 🎉 You're All Set!
+
+Your Transcreation Explorer is ready to share with the world. Users can:
+- Browse transcreation examples
+- Search by brand, category, or content
+- Discover random examples
+- Add/edit examples (if enabled)
+- Learn about Chinese marketing adaptations
+
+**Happy transcreating!** 🌐 

README.md

@@ -1,12 +1,92 @@
 ---
 title: Transcreation Explorer
-emoji: 🐠
-colorFrom: green
-colorTo: green
+emoji: 🌐
+colorFrom: blue
+colorTo: purple
 sdk: docker
 pinned: false
 license: mit
-short_description: Explore English-Chinese transcreation examples
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Transcreation Explorer 🌐
+
+A comprehensive tool for exploring and managing English-Chinese transcreation examples in marketing and branding.
+
+## 🎯 What is Transcreation?
+
+Transcreation goes beyond translation - it's the creative adaptation of content from one language to another while preserving the original intent, style, tone, and emotional impact. This tool showcases real-world examples of how brands adapt their messaging for Chinese markets.
+
+## ✨ Features
+
+- **Browse Examples**: Explore a curated collection of transcreation examples
+- **Random Discovery**: Get inspired with random examples 
+- **Smart Search**: Find examples by brand, category, or content
+- **Manage Collection**: Add, edit, and organize examples
+- **Bidirectional Support**: Handle both English-to-Chinese and Chinese-to-English adaptations
+- **Category Management**: Organize examples with smart category dropdown
+- **Status Tracking**: Track verification status of examples
+
+## 🚀 Live Demo
+
+Visit the live application: [Transcreation Explorer on Hugging Face](https://huggingface.co/spaces/YOUR_USERNAME/transcreation-explorer)
+
+## 🛠️ Technology Stack
+
+- **Frontend**: React.js with React Router
+- **Backend**: Node.js with Express
+- **Styling**: Custom CSS with modern animations
+- **Icons**: Lucide React
+- **Deployment**: Docker on Hugging Face Spaces
+
+## 📊 Example Categories
+
+- Technology
+- Food & Beverage
+- Beauty & Cosmetics
+- Automotive
+- Fashion & Luxury
+- Entertainment
+- Finance & Banking
+- Travel & Tourism
+- Home & Lifestyle
+- Retail & E-commerce
+
+## 🎮 How to Use
+
+1. **Browse**: Explore all examples in the Browse section
+2. **Random**: Click "Show me a random example" for inspiration
+3. **Search**: Use the search functionality to find specific examples
+4. **Manage**: Add new examples or edit existing ones (if you have access)
+
+## 🔧 Local Development
+
+```bash
+# Clone the repository
+git clone [your-repo-url]
+cd transcreation-explorer
+
+# Install dependencies
+npm install
+
+# Start development server
+npm run dev
+```
+
+The application will run on:
+- Frontend: http://localhost:3000
+- Backend: http://localhost:3001
+
+## 📝 Contributing
+
+1. Fork the repository
+2. Create a feature branch
+3. Add your transcreation examples or improvements
+4. Submit a pull request
+
+## 📄 License
+
+This project is licensed under the MIT License.
+
+## 🌟 Acknowledgments
+
+Thanks to all contributors who have helped build this collection of transcreation examples! 

deploy.sh

@@ -0,0 +1,58 @@
+#!/bin/bash
+
+# Transcreation Explorer - Hugging Face Deployment Script
+
+echo "🚀 Transcreation Explorer Deployment Script"
+echo "=========================================="
+
+# Check if username is provided
+if [ -z "$1" ]; then
+    echo "❌ Error: Please provide your Hugging Face username"
+    echo "Usage: ./deploy.sh YOUR_USERNAME"
+    exit 1
+fi
+
+USERNAME=$1
+SPACE_NAME="transcreation-explorer"
+SPACE_URL="https://huggingface.co/spaces/$USERNAME/$SPACE_NAME"
+
+echo "👤 Username: $USERNAME"
+echo "📦 Space: $SPACE_NAME"
+echo "🌐 URL: $SPACE_URL"
+echo ""
+
+# Update README.md with correct username
+echo "📝 Updating README.md with your username..."
+sed -i.bak "s/YOUR_USERNAME/$USERNAME/g" README.md
+rm README.md.bak 2>/dev/null || true
+
+echo "✅ README.md updated"
+
+# Check if we're in a git repository
+if [ ! -d ".git" ]; then
+    echo "📂 Initializing git repository..."
+    git init
+    git remote add origin https://huggingface.co/spaces/$USERNAME/$SPACE_NAME
+else
+    echo "📂 Git repository detected"
+fi
+
+# Add all files
+echo "📁 Adding files to git..."
+git add .
+
+# Commit changes
+echo "💾 Committing changes..."
+git commit -m "Deploy Transcreation Explorer to Hugging Face Spaces"
+
+# Push to Hugging Face
+echo "🚀 Pushing to Hugging Face Spaces..."
+git push origin main
+
+echo ""
+echo "✅ Deployment initiated!"
+echo "🔗 Your space will be available at: $SPACE_URL"
+echo "⏳ Build typically takes 5-10 minutes"
+echo "📊 Monitor build progress in the 'Logs' tab"
+echo ""
+echo "🎉 Happy transcreating!" 

package-lock.json

@@ -0,0 +1,345 @@
+{
+  "name": "transcreation-explorer",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "transcreation-explorer",
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "concurrently": "^8.2.2"
+      },
+      "devDependencies": {}
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.27.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.6.tgz",
+      "integrity": "sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chalk/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/concurrently": {
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-8.2.2.tgz",
+      "integrity": "sha512-1dP4gpXFhei8IOtlXRE/T/4H88ElHgTiUzh71YUmtjTEHMSRS2Z/fgOxHSxxusGHogsRfxNq1vyAwxSC+EVyDg==",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "date-fns": "^2.30.0",
+        "lodash": "^4.17.21",
+        "rxjs": "^7.8.1",
+        "shell-quote": "^1.8.1",
+        "spawn-command": "0.0.2",
+        "supports-color": "^8.1.1",
+        "tree-kill": "^1.2.2",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "conc": "dist/bin/concurrently.js",
+        "concurrently": "dist/bin/concurrently.js"
+      },
+      "engines": {
+        "node": "^14.13.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
+      }
+    },
+    "node_modules/date-fns": {
+      "version": "2.30.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
+      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0"
+      },
+      "engines": {
+        "node": ">=0.11"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/date-fns"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rxjs": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/shell-quote": {
+      "version": "1.8.3",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
+      "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/spawn-command": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/spawn-command/-/spawn-command-0.0.2.tgz",
+      "integrity": "sha512-zC8zGoGkmc8J9ndvml8Xksr1Amk9qBujgbF0JAIWO7kXr43w0h/0GJNM/Vustixu+YE8N/MTrQ7N31FvHUACxQ=="
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/tree-kill": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+      "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+      "license": "MIT",
+      "bin": {
+        "tree-kill": "cli.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    }
+  }
+}

package.json

@@ -0,0 +1,27 @@
+{
+  "name": "transcreation-explorer",
+  "version": "1.0.0",
+  "description": "A tool for exploring English-Chinese transcreation examples",
+  "main": "index.js",
+  "scripts": {
+    "start": "npm run dev",
+    "start:prod": "cd server && node index.js",
+    "dev": "concurrently \"npm run server\" \"npm run client\"",
+    "server": "cd server && node index.js",
+    "client": "cd client && npm start",
+    "build": "cd client && npm run build",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "transcreation",
+    "translation",
+    "chinese",
+    "english",
+    "examples"
+  ],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "concurrently": "^8.2.2"
+  }
+}