This project sets up a proxy server to fetch and filter content from the Transformer Explainer website, removing the logo and embedding the result in an HTML iframe.
- Serverless proxy hosted on Vercel
- Filters out unwanted elements (e.g., logo div)
- Simple iframe display for the filtered content
-
Install the Vercel CLI:
npm install -g vercel
-
Clone this repository:
git clone <your-repo-url> cd proxy-server
-
Install dependencies:
npm install
-
Login to Vercel:
vercel login
-
Deploy the Project:
vercel
-
Follow the CLI prompts to configure the project.
-
Once deployed, you will receive a live URL where the proxy is hosted.
Access the filtered content by opening the deployed URL in your browser. The iframe on the page will display the Transformer Explainer website without the logo.
proxy-server/
├── api/
│ └── proxy.js # Serverless function for fetching and filtering content
├── public/
│ └── index.html # Static HTML file to embed filtered content
├── package.json # Dependencies for the serverless function
└── README.md # Setup instructions
axios: For HTTP requests to fetch content.cheerio: For HTML parsing and manipulation.
This project is intended for educational purposes and personal use only.