Run3 is a Progressive Web App (PWA) for becoming a runner. The project was bootstrapped with Create React App.
⬆️ The set of images above are what the web app looks like when added to your home screen.
- 📖 Adhere mostly to Airbnb's JavaScript Style Guide.
- 🍎 Style the app to match native iOS apps.
- 🎨 Theme the app using random, monochromatic colors and make design decisions based around that.
- 💅 Explore CSS-in-JS (This project uses styled components).
- 📶 App works without internet access (after initial load).
- Due to the randomness, if you get unlucky and land on yellow, the app is pretty unreadable.
- iOS still has a ways to go to better support PWAs. You have to leave the app open or it will lose its state. Also, enabling text-to-speech causes your music to pause indefinitely. I've filed a bug report for this, but it's possible it won't be considered a bug.
- Android has none of the above problems, but
backdrop-filteris behind a flag in Chrome. 😢
git clone https://github.com/michaeljdeeb/run3cd run3 && npm installnpm start
This was a personal project built because most of the options in the App Store hid their pricing via in-app purchases and I got app fatigue trying to find something that worked for me. If something could be done better or seems off, I'd prefer to discuss it in an issue and correct it instead of approving a PR.