Foxcasts Lite
Navigation
Browser
All interaction is done using the keyboard.
- Arrows keys to navigate lists and tabs
- 1-9 are used as shortcuts in grids and lists
- Backspace to navigate back a screen
- Enter to perform the displayed action
- Shift+LeftArrow and Shift+RightArrow to trigger left and right nav bar actions
On Device
- Use the d-pad to navigate lists and tabs
- 1-9 are used as shortcuts in grids and lists
Running Locally
- Clone and
npm startthe CORS proxy https://github.com/garredow/cors-testing - Clone and
npm startFoxcasts Lite - Open Chrome to https://0.0.0.0:8080 to see app running
- Optional: Create a custom emulated KaiOS device in Chrome Dev Tools. Settings:
How to Install
- Install dependencies
npm install
- Build the app
npm run build
- Load the
buildfolder as a packaged app using your Web IDE of choice (I like Waterfox Classic)
How It's Made
Foxcasts Lite uses a few of my other projects.
Foxcasts API
This API interacts with Podcast Index to retrieve information about podcasts and episodes. It also provides some functionality for getting podcast artwork and color palettes.
Foxcasts Core
This library contains all of the core business logic, database configuration, utility functions, and shared TypeScript models. This library is used across a couple different podcast web apps.
Mai UI
My UI component library made specifically for KaiOS devices. It provides a number of components, contexts, hooks, and helper utilities to make building apps for KaiOS quick and easy.