feat: Configure Docker for Hugging Face deployment

Set up a multi-stage Dockerfile to build and serve the application using Nginx.
Includes a custom Nginx configuration to listen on port 7860 and serve static files.
Updates README.md to reflect deployment instructions and features.
Adds .dockerignore to exclude unnecessary files during build.

.dockerignore

@@ -0,0 +1,15 @@
+node_modules
+dist
+.git
+.gitignore
+Dockerfile
+nginx.conf
+README.md
+.env
+.env.example
+.env.local
+npm-debug.log
+yarn-debug.log
+yarn-error.log
+.vscode
+.idea

Dockerfile

@@ -0,0 +1,31 @@
+# Build stage
+FROM node:20-slim AS build
+
+WORKDIR /app
+
+# Copy package files
+COPY package*.json ./
+
+# Install dependencies
+RUN npm install
+
+# Copy project files
+COPY . .
+
+# Build the application
+RUN npm run build
+
+# Production stage
+FROM nginx:alpine
+
+# Copy the build output to replace the default nginx contents.
+COPY --from=build /app/dist /usr/share/nginx/html
+
+# Copy custom nginx configuration
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# Hugging Face Spaces uses port 7860 by default
+EXPOSE 7860
+
+# Start nginx
+CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -1,20 +1,31 @@
-<div align="center">
-<img width="1200" height="475" alt="GHBanner" src="https://github.com/user-attachments/assets/0aa67016-6eaf-458a-adb2-6e31a0763ed6" />
-</div>
+---
+title: Quadrant Chart Tool
+emoji: 📊
+colorFrom: indigo
+colorTo: slate
+sdk: docker
+app_port: 7860
+pinned: false
+---
 
-# Run and deploy your AI Studio app
+# Quadrant Chart Tool
 
-This contains everything you need to run your app locally.
+A professional tool for visualizing campaign performance data in a quadrant chart format.
 
-View your app in AI Studio: https://ai.studio/apps/93231555-9e1d-45e8-aa4e-490db484e57a
+## Deployment on Hugging Face Spaces
 
-## Run Locally
+This project is configured to run as a Docker space on Hugging Face.
 
-**Prerequisites:**  Node.js
+1. Create a new Space on Hugging Face.
+2. Select **Docker** as the SDK.
+3. Upload all files from this project.
+4. The `Dockerfile` will automatically build and serve the application on port 7860.
 
+## Features
 
-1. Install dependencies:
-   `npm install`
-2. Set the `GEMINI_API_KEY` in [.env.local](.env.local) to your Gemini API key
-3. Run the app:
-   `npm run dev`
+- **Excel Support:** Upload `.xlsx` or `.xls` files.
+- **Dynamic Axes:** Choose any numeric column for X and Y axes.
+- **Multi-select Grouping:** Generate separate charts for different categories (e.g., Platform + Category).
+- **Point Interaction:** Click points to change colors or remove them.
+- **Point Size:** Scale points based on a third metric (e.g., Spend).
+- **Export:** Copy charts to clipboard or save as PNG.

nginx.conf

@@ -0,0 +1,16 @@
+server {
+    listen 7860;
+    server_name localhost;
+
+    location / {
+        root /usr/share/nginx/html;
+        index index.html index.htm;
+        try_files $uri $uri/ /index.html;
+    }
+
+    # Optional: Handle errors
+    error_page 500 502 503 504 /50x.html;
+    location = /50x.html {
+        root /usr/share/nginx/html;
+    }
+}