Skip to content
Find your name in a field of letters (kids game)
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
archive
cypress
public
src
.dockerignore
.env
.gitignore
.gitlab-ci.yml
.netlify
.travis.yml
Dockerfile
Dockerfile-prod
LICENSE
README.md
cypress.json
docker-compose.yml
package.json
tsconfig.json
tsconfig.paths.json
tsconfig.prod.json
tsconfig.test.json
tslint.json
yarn.lock

README.md

Finding Nora

Build Status Coverage Status Greenkeeper badge

I made this app to test what you can accomplish with current PWA technology (especially on iOS). My kids loved it, I hope you do too! 🎉

It's a word search game made with following web technology:

  • Based on create-react-app
  • Service workers support
  • Web Audio
  • TypeScript, based on TypeScript-React-Starter from Microsoft
  • Cypress for end-to-end testing
  • Storybook for component UI library

Development

yarn start

Build

yarn build

Deploy

yarn deploy # deploys on Netlify https://nora.koenvangilst.nl`
yarn deploy:now # deploys on Now https://nora.now.sh`

Conclusions about PWA's

The results on iOS Safari are very promising I think. Lots of things are still missing, like no Add to Homescreen popup and a hard refresh of the app every time you come back to it, but it does feel like a real app. It was even pretty kid proof, even though I wasn't able/willing to get rid of the pinch zooming.

Credits:

You can’t perform that action at this time.