Spaces:
Sleeping
Sleeping
Tristan Yu commited on
Commit Β·
3f4cb51
1
Parent(s): 2747631
Rename site to 'Ad Reflections' - update branding in hf-space
Browse files- AIRTABLE_SETUP.md +4 -4
- HUGGINGFACE_SETUP.md +2 -2
- README.md +3 -3
- client/public/index.html +2 -2
- client/public/manifest.json +2 -2
- client/src/components/Header.js +1 -1
- client/src/pages/Home.js +1 -1
- deploy.sh +3 -3
- server/index.js +2 -2
- server/package.json +1 -1
AIRTABLE_SETUP.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
| 1 |
# π Airtable Setup for Classroom Use
|
| 2 |
|
| 3 |
-
Your
|
| 4 |
|
| 5 |
## π Quick Setup (15 minutes)
|
| 6 |
|
|
@@ -10,7 +10,7 @@ Your Transcreation Explorer is now ready for **permanent student data storage**
|
|
| 10 |
|
| 11 |
### Step 2: Create Your Transcreation Base
|
| 12 |
1. Click **"Create a base"** β **"Start from scratch"**
|
| 13 |
-
2. Name it: `
|
| 14 |
3. Rename the default table to: **"Examples"**
|
| 15 |
|
| 16 |
### Step 3: Set Up Table Fields
|
|
@@ -61,7 +61,7 @@ Delete the default fields and create these **exact** field names:
|
|
| 61 |
### Step 5: Get API Credentials
|
| 62 |
1. Click your **profile icon** (top right) β **"Developer hub"**
|
| 63 |
2. Click **"Create token"**
|
| 64 |
-
3. Name: `
|
| 65 |
4. Scopes: Select **"data.records:read"** and **"data.records:write"**
|
| 66 |
5. Select your base and table
|
| 67 |
6. Click **"Create token"** and **copy the token** (starts with `pat...`)
|
|
@@ -175,7 +175,7 @@ Create separate views for:
|
|
| 175 |
|
| 176 |
## π Success!
|
| 177 |
|
| 178 |
-
Your
|
| 179 |
- β¨ Permanent student data storage
|
| 180 |
- π Real-time teacher dashboard
|
| 181 |
- π Seamless student experience
|
|
|
|
| 1 |
# π Airtable Setup for Classroom Use
|
| 2 |
|
| 3 |
+
Your Ad Reflections is now ready for **permanent student data storage** using Airtable! Follow this guide to set up your classroom database.
|
| 4 |
|
| 5 |
## π Quick Setup (15 minutes)
|
| 6 |
|
|
|
|
| 10 |
|
| 11 |
### Step 2: Create Your Transcreation Base
|
| 12 |
1. Click **"Create a base"** β **"Start from scratch"**
|
| 13 |
+
2. Name it: `Ad Reflections - [Your Class Name]`
|
| 14 |
3. Rename the default table to: **"Examples"**
|
| 15 |
|
| 16 |
### Step 3: Set Up Table Fields
|
|
|
|
| 61 |
### Step 5: Get API Credentials
|
| 62 |
1. Click your **profile icon** (top right) β **"Developer hub"**
|
| 63 |
2. Click **"Create token"**
|
| 64 |
+
3. Name: `Ad Reflections`
|
| 65 |
4. Scopes: Select **"data.records:read"** and **"data.records:write"**
|
| 66 |
5. Select your base and table
|
| 67 |
6. Click **"Create token"** and **copy the token** (starts with `pat...`)
|
|
|
|
| 175 |
|
| 176 |
## π Success!
|
| 177 |
|
| 178 |
+
Your Ad Reflections is now a **powerful classroom tool** with:
|
| 179 |
- β¨ Permanent student data storage
|
| 180 |
- π Real-time teacher dashboard
|
| 181 |
- π Seamless student experience
|
HUGGINGFACE_SETUP.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
| 2 |
|
| 3 |
## What's Ready for Deployment
|
| 4 |
|
| 5 |
-
Your
|
| 6 |
|
| 7 |
### β
Files Added/Updated:
|
| 8 |
- **`Dockerfile`** - Containerizes your app for Hugging Face
|
|
@@ -58,7 +58,7 @@ Your Transcreation Explorer is now fully configured for deployment to Hugging Fa
|
|
| 58 |
|
| 59 |
## π You're All Set!
|
| 60 |
|
| 61 |
-
Your
|
| 62 |
- Browse transcreation examples
|
| 63 |
- Search by brand, category, or content
|
| 64 |
- Discover random examples
|
|
|
|
| 2 |
|
| 3 |
## What's Ready for Deployment
|
| 4 |
|
| 5 |
+
Your Ad Reflections is now fully configured for deployment to Hugging Face Spaces! Here's what has been prepared:
|
| 6 |
|
| 7 |
### β
Files Added/Updated:
|
| 8 |
- **`Dockerfile`** - Containerizes your app for Hugging Face
|
|
|
|
| 58 |
|
| 59 |
## π You're All Set!
|
| 60 |
|
| 61 |
+
Your Ad Reflections is ready to share with the world. Users can:
|
| 62 |
- Browse transcreation examples
|
| 63 |
- Search by brand, category, or content
|
| 64 |
- Discover random examples
|
README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
emoji: π
|
| 4 |
colorFrom: blue
|
| 5 |
colorTo: purple
|
|
@@ -8,7 +8,7 @@ pinned: false
|
|
| 8 |
license: mit
|
| 9 |
---
|
| 10 |
|
| 11 |
-
#
|
| 12 |
|
| 13 |
A comprehensive tool for exploring and managing English-Chinese transcreation examples in marketing and branding.
|
| 14 |
|
|
@@ -28,7 +28,7 @@ Transcreation goes beyond translation - it's the creative adaptation of content
|
|
| 28 |
|
| 29 |
## π Live Demo
|
| 30 |
|
| 31 |
-
Visit the live application: [
|
| 32 |
|
| 33 |
## π οΈ Technology Stack
|
| 34 |
|
|
|
|
| 1 |
---
|
| 2 |
+
title: Ad Reflections
|
| 3 |
emoji: π
|
| 4 |
colorFrom: blue
|
| 5 |
colorTo: purple
|
|
|
|
| 8 |
license: mit
|
| 9 |
---
|
| 10 |
|
| 11 |
+
# Ad Reflections π
|
| 12 |
|
| 13 |
A comprehensive tool for exploring and managing English-Chinese transcreation examples in marketing and branding.
|
| 14 |
|
|
|
|
| 28 |
|
| 29 |
## π Live Demo
|
| 30 |
|
| 31 |
+
Visit the live application: [Ad Reflections on Hugging Face](https://huggingface.co/spaces/YOUR_USERNAME/transcreation-explorer)
|
| 32 |
|
| 33 |
## π οΈ Technology Stack
|
| 34 |
|
client/public/index.html
CHANGED
|
@@ -7,14 +7,14 @@
|
|
| 7 |
<meta name="theme-color" content="#000000" />
|
| 8 |
<meta
|
| 9 |
name="description"
|
| 10 |
-
content="
|
| 11 |
/>
|
| 12 |
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
|
| 13 |
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
| 14 |
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 15 |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 16 |
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
| 17 |
-
<title>
|
| 18 |
</head>
|
| 19 |
<body>
|
| 20 |
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
|
|
| 7 |
<meta name="theme-color" content="#000000" />
|
| 8 |
<meta
|
| 9 |
name="description"
|
| 10 |
+
content="Ad Reflections - Discover and learn about English-Chinese marketing adaptations"
|
| 11 |
/>
|
| 12 |
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
|
| 13 |
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
| 14 |
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 15 |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 16 |
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
| 17 |
+
<title>Ad Reflections</title>
|
| 18 |
</head>
|
| 19 |
<body>
|
| 20 |
<noscript>You need to enable JavaScript to run this app.</noscript>
|
client/public/manifest.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
| 1 |
{
|
| 2 |
-
"short_name": "
|
| 3 |
-
"name": "
|
| 4 |
"icons": [
|
| 5 |
{
|
| 6 |
"src": "favicon.ico",
|
|
|
|
| 1 |
{
|
| 2 |
+
"short_name": "Ad Reflections",
|
| 3 |
+
"name": "Ad Reflections - English-Chinese Marketing Adaptations",
|
| 4 |
"icons": [
|
| 5 |
{
|
| 6 |
"src": "favicon.ico",
|
client/src/components/Header.js
CHANGED
|
@@ -14,7 +14,7 @@ const Header = () => {
|
|
| 14 |
<div className="header-content">
|
| 15 |
<Link to="/" className="logo">
|
| 16 |
<Languages size={32} />
|
| 17 |
-
<h1>
|
| 18 |
</Link>
|
| 19 |
|
| 20 |
<nav className="nav">
|
|
|
|
| 14 |
<div className="header-content">
|
| 15 |
<Link to="/" className="logo">
|
| 16 |
<Languages size={32} />
|
| 17 |
+
<h1>Ad Reflections</h1>
|
| 18 |
</Link>
|
| 19 |
|
| 20 |
<nav className="nav">
|
client/src/pages/Home.js
CHANGED
|
@@ -33,7 +33,7 @@ const Home = () => {
|
|
| 33 |
>
|
| 34 |
<section className="hero">
|
| 35 |
<motion.h1 variants={itemVariants}>
|
| 36 |
-
|
| 37 |
</motion.h1>
|
| 38 |
<motion.p variants={itemVariants}>
|
| 39 |
Discover the art of transcreation through real-world examples of English-Chinese
|
|
|
|
| 33 |
>
|
| 34 |
<section className="hero">
|
| 35 |
<motion.h1 variants={itemVariants}>
|
| 36 |
+
Ad Reflections
|
| 37 |
</motion.h1>
|
| 38 |
<motion.p variants={itemVariants}>
|
| 39 |
Discover the art of transcreation through real-world examples of English-Chinese
|
deploy.sh
CHANGED
|
@@ -1,8 +1,8 @@
|
|
| 1 |
#!/bin/bash
|
| 2 |
|
| 3 |
-
#
|
| 4 |
|
| 5 |
-
echo "π
|
| 6 |
echo "=========================================="
|
| 7 |
|
| 8 |
# Check if username is provided
|
|
@@ -43,7 +43,7 @@ git add .
|
|
| 43 |
|
| 44 |
# Commit changes
|
| 45 |
echo "πΎ Committing changes..."
|
| 46 |
-
git commit -m "Deploy
|
| 47 |
|
| 48 |
# Push to Hugging Face
|
| 49 |
echo "π Pushing to Hugging Face Spaces..."
|
|
|
|
| 1 |
#!/bin/bash
|
| 2 |
|
| 3 |
+
# Ad Reflections - Hugging Face Deployment Script
|
| 4 |
|
| 5 |
+
echo "π Ad Reflections Deployment Script"
|
| 6 |
echo "=========================================="
|
| 7 |
|
| 8 |
# Check if username is provided
|
|
|
|
| 43 |
|
| 44 |
# Commit changes
|
| 45 |
echo "πΎ Committing changes..."
|
| 46 |
+
git commit -m "Deploy Ad Reflections to Hugging Face Spaces"
|
| 47 |
|
| 48 |
# Push to Hugging Face
|
| 49 |
echo "π Pushing to Hugging Face Spaces..."
|
server/index.js
CHANGED
|
@@ -905,7 +905,7 @@ app.get('/api/stats', async (req, res) => {
|
|
| 905 |
app.get('/api/health', (req, res) => {
|
| 906 |
res.json({
|
| 907 |
success: true,
|
| 908 |
-
|
| 909 |
timestamp: new Date().toISOString(),
|
| 910 |
cachedExamples: transcreationExamples.length
|
| 911 |
});
|
|
@@ -1132,7 +1132,7 @@ if (process.env.NODE_ENV === 'production') {
|
|
| 1132 |
}
|
| 1133 |
|
| 1134 |
app.listen(PORT, () => {
|
| 1135 |
-
console.log(`π
|
| 1136 |
console.log(`π Cached examples: ${transcreationExamples.length}`);
|
| 1137 |
});
|
| 1138 |
|
|
|
|
| 905 |
app.get('/api/health', (req, res) => {
|
| 906 |
res.json({
|
| 907 |
success: true,
|
| 908 |
+
message: 'Ad Reflections API is running',
|
| 909 |
timestamp: new Date().toISOString(),
|
| 910 |
cachedExamples: transcreationExamples.length
|
| 911 |
});
|
|
|
|
| 1132 |
}
|
| 1133 |
|
| 1134 |
app.listen(PORT, () => {
|
| 1135 |
+
console.log(`π Ad Reflections API running on port ${PORT}`);
|
| 1136 |
console.log(`π Cached examples: ${transcreationExamples.length}`);
|
| 1137 |
});
|
| 1138 |
|
server/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
| 1 |
{
|
| 2 |
"name": "transcreation-explorer-server",
|
| 3 |
"version": "1.0.0",
|
| 4 |
-
"description": "Server for
|
| 5 |
"main": "index.js",
|
| 6 |
"scripts": {
|
| 7 |
"start": "node index.js",
|
|
|
|
| 1 |
{
|
| 2 |
"name": "transcreation-explorer-server",
|
| 3 |
"version": "1.0.0",
|
| 4 |
+
"description": "Server for Ad Reflections",
|
| 5 |
"main": "index.js",
|
| 6 |
"scripts": {
|
| 7 |
"start": "node index.js",
|