Hacker News API examples & templates

Use these vals as a playground to view and fork Hacker News API examples and templates on Val Town. Run any example below or find templates that can be used as a pre-built solution.

lowlu

whoIsHiring

HTTP

Forked from vawogbemi/whoIsHiring

joseforonda

gnews2email

Cron

Google News Digest Monitor any news from your inbox. Fork this val then configure: queries : any number of queries hours : how old do you want your news lang : what language region : what region (Check available languages and regions at google news ) Finally set when do you want your digest delivered in the 🕛 button. (See crongpt to test times in the cron syntax, remember that all times must correspond to UTC and adjust accordingly).

vawogbemi

verbalScarletAntelope

HTTP

Forked from vawogbemi/whoIsHiring

dupontgu

findSlamArticles

Cron

An interactive, runnable TypeScript val by dupontgu

petermillspaugh

june2024

Script

@jsxImportSource https://esm.sh/preact

kajgod

findTopNews

Script

An interactive, runnable TypeScript val by kajgod

vawogbemi

whoIsHiring

HTTP

WIP Searcher for HN whos hiring posts HonoJs doesn't support render for async components so the style is off for the home page. And the state changes don't register in html rendering so thinking of using react instead.

kajgod

fetchMnm

Cron

An interactive, runnable TypeScript val by kajgod

deepfates

HTMX_template

HTTP

@jsxImportSource https://esm.sh/preact

akkartik

postprocessHNitem

Script

An interactive, runnable TypeScript val by akkartik

iakovos

rssFeeds

Script

An interactive, runnable TypeScript val by iakovos

gio

theHereTimes

HTTP

* This application creates "The Here Times", a map-based news aggregator. * It uses the Google Maps JavaScript API for map rendering, Geonames for location data, * and the NewsAPI for fetching news articles. * The app displays news for the top 12 most populous cities/neighborhoods in the current map view. * * We'll use the following approach: * 1. Use Google Maps JavaScript API for rendering the map * 2. Use Geonames API to get top 12 most populous cities within the map bounds * 3. Fetch news data from NewsAPI based on these locations * 4. Display news articles in a side drawer, only showing articles that contain the city's name in the title * 5. Place markers on the map for each location (exactly 12) * 6. Add a search bar to allow users to search for specific locations * 7. Recenter the map when a location is clicked or searched