vnglst / finding-nora

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

Finding Nora

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

yarn start

Build

yarn build

Deploy

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

finding-nora's Issues

[feature] keep track of scoring

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on Greenkeeper branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet. We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please click the 'fix repo' button on account.greenkeeper.io.

[chore] simplify redux logic or replace it with hooks/useReducer

[feature] after nora list of other names (from top 100 dutch names)

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on Greenkeeper branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet. We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please click the 'fix repo' button on account.greenkeeper.io.

[feature] show confetti

[feature] mute option

There should be an option to mute the sound

[feature] onboarding with name and avatar

[feature] Show update banner if new version of app/PWA available

[chore] clean up code from earlier experiments

Weird button edge on Firefox

Maybe use this?

-webkit-appearance:     none;
-moz-appearance:        none;
-ms-appearance:         none;
-o-appearance:          none;
appearance:             none;

An in-range update of react-testing-library is breaking the build 🚨

The devDependency react-testing-library was updated from 6.0.4 to 6.1.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

react-testing-library is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ Travis CI - Branch: The build failed.

---

Release Notes for v6.1.0

6.1.0 (2019-04-05)

Features

• act: Support async act 🎉 (#343) (5a88da2), closes #281

Commits

The new version differs by 2 commits.

• 5a88da2 feat(act): Support async act 🎉 (#343)
• 7e6031f docs: link issue templates to docs repo (#325)

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

[bug] names with repeating letter cause bug

To fix: write better solution finding algorithm that determines solution after creating puzzle and determines answer based on found solution

Direction: recursively start looking for solutions based on first letter and keep searching until end of grid is found

[chore] simplify or remove routing