---
title: Transformer Notes App
emoji: 📝
colorFrom: indigo
colorTo: pink
sdk: docker
sdk_version: "1.0"
pinned: false
---

# Transformer Notes App

A React app to annotate and save notes on the Transformer architecture. Click 'Save Notes' to download a screenshot of your filled-in diagram.

---

## **How to Fix**

You need to update your Dockerfile to use port 7860 for both the `EXPOSE` and the `serve` command.

### **Correct Dockerfile**

```dockerfile
# Stage 1: Build the app
FROM node:20 AS build

WORKDIR /app
COPY . .
RUN npm install
RUN npm run build

# Stage 2: Serve the app
FROM node:20 AS serve

WORKDIR /app
RUN npm install -g serve
COPY --from=build /app/dist ./dist

EXPOSE 7860
CMD ["serve", "-s", "dist", "-l", "7860"]
```

---

## **What to Do Next**

1. **Update your Dockerfile** as shown above.
2. **Commit and push** the change to your repository (or re-upload to Hugging Face Spaces).
3. Hugging Face will rebuild your Space, and your app should now start and be detected as healthy.

---

Would you like me to make this change for you?  
If yes, I’ll update your Dockerfile right now!