Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ngshiheng/spaceflight-news
Explore the universe of spaceflight news with Spaceflight News API and htmx.org
https://github.com/ngshiheng/spaceflight-news
htmx spaceflightnewsapi
Last synced: 26 days ago
JSON representation
Explore the universe of spaceflight news with Spaceflight News API and htmx.org
- Host: GitHub
- URL: https://github.com/ngshiheng/spaceflight-news
- Owner: ngshiheng
- License: mit
- Created: 2023-08-31T14:59:45.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-19T05:31:22.000Z (about 1 year ago)
- Last Synced: 2024-10-25T09:29:23.124Z (2 months ago)
- Topics: htmx, spaceflightnewsapi
- Language: HTML
- Homepage: http://spaceflight-news.jerrynsh.com
- Size: 70.3 KB
- Stars: 12
- Watchers: 0
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Spaceflight News
[![Better Stack Badge](https://uptime.betterstack.com/status-badges/v1/monitor/uizi.svg)](https://uptime.betterstack.com/?utm_source=status_badge)
## Technologies
This site is powered by [htmx](https://htmx.org/), [Nunjucks](https://mozilla.github.io/nunjucks/), and the [Spaceflight News API (SNAPI)](https://api.spaceflightnewsapi.net/v4/docs/).
## About
While htmx is designed to work best with [hypermedia responses](https://htmx.org/essays/two-approaches-to-decoupling/#hypermedia-network-architecture-decoupling), this website intends to serve as a proof-of-concept that demonstrates how htmx can also be used to effectively handle JSON responses.
I created this because I feel there is a lack of comprehensive examples for managing [JSON responses](https://htmx.org/essays/two-approaches-to-decoupling/#json-data-apis-application-level-decoupling) using htmx today.
[Read more...](https://jerrynsh.com/creating-a-spaceflight-news-blog-with-htmx-and-json-api/)
## Demo
Here, you'll find htmx examples of [UX patterns for page loading](https://developers.google.com/search/docs/specialty/ecommerce/pagination-and-incremental-page-loading), e.g. pagination, load more, and infinite scrolling, all seamlessly integrated with JSON responses using [client-side templates](https://htmx.org/extensions/client-side-templates/).
On top of that, this site offers a demonstration of how a search bar can interact with JSON API using htmx.
## Support
Created by [The Space Devs (TSD)](https://thespacedevs.com/), the Spaceflight News API is a great resource for developers who want to add the latest spaceflight news to their apps.
It is a free API, but I do encourage users to support them through their [Patreon](https://www.patreon.com/TheSpaceDevs) to keep the API up and running.