AI News Radar

Topic based AI news powered by my n8n workflow

This page turns my webhook into a live news product. It requests AI generated summaries on a topic I choose, formats the response into a cleaner story layout, and keeps the same visual system as my main portfolio.

Story Deck

Latest AI news on the selected topic

The page requests a live response, parses the output, and turns it into a cleaner news reading experience.

Workflow note

The current workflow returned fewer than the requested 10 items. The page is ready for 10, but the n8n prompt still needs to consistently generate that count.

Featured story

Loading the lead story now

Fetching the latest response from the news webhook.

AI automation 0 stories loaded
No story cards were parsed from the latest response. The raw output is still shown on the right so you can review the webhook text.

Workflow

How this page satisfies the no code and low code assignment setup

The website stays front end only while n8n handles the request, topic input, and AI generated news response.

01

Front end only page

The page uses HTML, CSS, and JavaScript only, while keeping the same portfolio brand system and interaction style.

02

Direct n8n webhook request

The page sends topic and limit as GET parameters directly to the n8n production webhook. Any backend logic or access fix should be handled in n8n.

03

Readable story output

JavaScript parses the webhook response into a featured story, story cards, watch items, and a compliance note when fewer than 10 items are returned.

Connected to the Portfolio

This news page extends the portfolio with a real n8n powered experience

It is more than a static class page. It shows live topic requests, real webhook integration, and a cleaner way to present AI generated news inside the same website system.