This part of the TOPO website follows the Progressive Web App (PWA) guidelines to deliver an experience as close as a native app as possible, while being easy to maintain and update.
This is a React version, that uses the power of the Wordpress REST API, but it is adapted from a php version at https://topolitique.ch/beta/m/.
To check out the latest version, go to this link https://mobile.the-duck.now.sh
😴 pending ✍️ wip 👍 done
- When posts are loading, show info ✍️
- Check if icons and splashscreens work, and if we could remove some 😴
- Stop and start timer, depending on status (menu open, posts loading...) 😴
- Block timer when holding finger on screen 😴
- Style change on category type 😴
- When post type is video, go to youtube video 😴
- Add 'advertising', a 'post' that shows an announcement or something 😴
- Images : lazy loading, if possible ? 😴
- 'serviceworker.js' : figure out how it works ✍️
- Load articles when offline (using api, means that there will be no links) 😴
- Reload new posts on scroll up. 😴v
All 0.1.x versions pathe the way to making a fully functional PWA web app. Nothing fancy there, just the foundations.
Tasks
- [0.1.1] Add eslint (with airbnb style guide) 👍
- [0.1.2] Add lighthouse report 👍
- [0.1.3] Service worker, load when offline; Custom UI (sections and social links)
- [0.1.4] Remove he.js, too heavy
- [0.1.5] Images : ensure that all images are https, otherwise don't show them 👍 + update categories to all categories or ui categories
- [0.1.6] Add previous post button 👍 Change all images to svg components (see src/components/icons.js) 👍
- [0.1.7] Show status when offline 👍
- [0.1.8] starting transition to emotion.js for styling ✍️
resources for serviceworker https://github.com/poanchen/pwa-to-do-list/blob/dev/src/service-worker.js
https://medium.com/@addyosmani/a-tinder-progressive-web-app-performance-case-study-78919d98ece0
https://appsco.pe/ : showcasing PWAs
https://codelabs.developers.google.com/codelabs/your-first-pwapp/#6
Latest reports are on reports/