Chirp Whiz

About this Web Application:

Chirp Whiz started off as a simple idea for bird-lovers who are stuck in the city or don't have spare time.

Please peruse the glossary to get to know the birds on our app and then quiz yourself to see how well you do at identifying our birds! You can check how well you identify each bird in your stats on the User page. You can also view the top players in our leaderboard in the Quiz page.

On the Quiz page you can choose to identify a bird given audio, image, or both. You can also choose the size of your quiz session by choosing 5, 10, or 20 questions per quiz. Lastly, you can limit the range of birds based on habitat - select all habitats to be quized on ANY bird!

Check it out here: Chirp Whiz

To demo the app without making an account use this log-in info:

Username: test
Password: strongPassword

Steps to install:

• Clone the repo
• Enter the chirp-whiz directory
• npm install
• npm start

You might need to install:

• React Router
• React-Bootstrap
• AWS Amplify
• You might need to set-up amplify along with a DynamoDB database and GraphQL backend

Steps to test:

• Enter the chirp-whiz directory
• npm test
• npm test -- --coverage for test coverage

You might need to run:

• npm install --save-dev @testing-library/dom (if this doesn't work, do it without --save-dev at first then once more with that flag)

Contact Us:

Email: lboylan000@citymail.cuny.edu or znoor000@citymail.cuny.edu

If you want to see a bird that we do not have on our website please let us know! It would really help if you can include the name of the bird and links to audio and images of it!

Credits:

This website was made possible by the United States Geological Survey (USGS) and The Cornell Lab. Our bird songs have been sourced from the USGS. All other bird information and images are from The Cornell Lab's All About Birds website.

Thanks for checking out this site!

Hangill Chong

Liam Boylan

Luis Medina

Zohora Noor