https://github.com/vnglst/finding-nora

Find your name in a field of letters (kids game)
https://github.com/vnglst/finding-nora

pwa pwa-apps react typescript web-audio-api

Last synced: 2 months ago
JSON representation

Find your name in a field of letters (kids game)

• Host: GitHub
• URL: https://github.com/vnglst/finding-nora
• Owner: vnglst
• License: mit
• Created: 2018-06-14T19:05:16.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2024-09-06T17:43:09.000Z (5 months ago)
• Last Synced: 2024-09-06T20:49:09.053Z (5 months ago)
• Topics: pwa, pwa-apps, react, typescript, web-audio-api
• Language: TypeScript
• Homepage: https://nora.netlify.app
• Size: 7.3 MB
• Stars: 42
• Watchers: 3
• Forks: 4
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Finding Nora

[![Build Status](https://travis-ci.org/vnglst/finding-nora.svg?branch=master)](https://travis-ci.org/vnglst/finding-nora) [![Coverage Status](https://coveralls.io/repos/github/vnglst/finding-nora/badge.svg?branch=master)](https://coveralls.io/github/vnglst/finding-nora?branch=master)

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

- Cypress for end-to-end testing

## Development

```sh

yarn start

```

## Build

```sh

yarn build

```

## Deploy

```sh

yarn deploy # deploys on Netlify https://finding-nora.com`

```

## 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

- Sound files (squakk + nock + restart): https://freesound.org/people/yawfle/packs/367/

- Sound file HooYeah by LemonJolly: https://freesound.org/people/lemonjolly/sounds/273925/

- Background image: Jason Leung, Unsplash

- Beta testing by my daughter Nora