ayonious/random-names

🎲 Random names generator

Random Names

Simple React app to show random names from different Regions

🎁 See Deployed

https://random-names.netlify.app

🏡 Local Running instruction

yarn
yarn start

🧪 Run unit test

yarn start
yarn run unit-test

🏗 Run Cypress integration tests

One Command (to be run with headless browser and pr checker / ci-cd pipeline)

yarn test-integration

Two command (to see the results on nice UI) run in different tabs

yarn start
yarn cypress-web

🎥 Run Percy/Cypress integration tests and visual tests

One Command (to be run with headless browser and pr checker / ci-cd pipeline)

yarn test-integration-and-visual

Two command (to see the results on nice UI). run in different tabs

yarn start
yarn visual-test

🎓 Things I played around with

1. Simplest react app (raw webpack and babbel)
2. Typescript
3. material ui
4. State/Props/events
5. Deploy to Netlify
6. Creating CI in Travis to run tests during pr creation
7. Integration testing with cypress
8. Unit testing with React-testing-library

🚀 Deploy Yourself