vicalejuri / iching

IChing - The book of changes PWA

️️I Ching oracle Progressive Web App.

Built with ES6, Preact, redux and material-ui.

Features:

• Classic I Ching from the book of Richard Wilhelm ☯️
• Lightweight and fast. Interactive under < 3s over slow 3G. 🎉
• Offline and PWA support.
• Lighthouse score over 90/100 👌
• Without any ads and open-source.

Demo/App

https://iching.netlify.com/

LICENSE

CC-BY-NC-4.0 - Creative Commons Non Commercial

For developers

yarn to install dependencies

yarn vite-serve to start a development server.

yarn vite-build to compile for distribution ( dist/ )

Credits

• Interpretation by Richard Wilheim and Tarot art by Ma Deva Padma

iching's Issues

`touchTap` event not firing

When using react, event touchTap is not firing correctly.

Loaded animation not applied.

Fix animation when all assets are loaded.

body should have a css class loaded, but it's not being applied.

Add service-worker and manifest.

Add service worker for offline usage, and manifest.

Some images and fonts load correctly.

Some (but not all) Images and fonts are not loaded correctly.

Use skeleton shell when Book data is not ready yet

Instead of blocking for book data to be ready, just show a UI skeleton, and automatically update the UI when data is finally ready.

Avoid any exception.

Add localization support

Add localization support using i18next

Fix css not loading on firefox

Firefox doesnt have preload, so we need to use a different non-blocking css method.

Create mobile APP package using cordova

Create and publish apps using cordova, for iOS / Android.

Code should be in a branch cordova

Title in card should not overflow.

Ideally, large titles should dinamically adjust it's size to the container parent.

`DetailPage` tarot image not correctly resizing in mobile (< 320px)

Fix tarot image and subheader layout in detail page.

Bug only show when mobile < 320px