A simple app to allow masaajid to
- Glitchy when changing pages
- Does not load content if the home page was not loaded first
- Seems to be having some trouble when cookies are disabled
- PWA not caching network requests
[X] Create server to handle JSON times requests from React App
[X] Build frontend with React fot the masjid listing
[X] Build frontend with React fot the Salaah times for a specific masjid
[X] Cache network requests with PWA
[X] Configure build and deploy pipeline
[X] Use Redux to manage global state
[ ] Decide how long the |js|css|html| files should be cached
[ ] Refactor to an actual db (or at least provide a plugin that can be modified easily at a later stage)
[ ] Consider using a custom theme
[ ] Look at PWA notifications
[ ] Add announcement functionality
I'm deploying the app as a Docker Container as this seems to be the only method that reliably works everywhere (every other way is too platform specific)
I'm using Heroku currently, and the deployment process is as follows:
- Build the docker image from the directory
docker build -t salaah-times .- Log in to Heroku
heroku login- Log in to the Container Registry
heroku container:login- Push the image, note that the
webrefers to the runner and not the app name
heroku container:push web- Deploy the image
heroku container:release webSalaah times from https://www.salahtimes.com/south-africa/pretoria
Convert to JSON https://www.csvjson.com/csv2json