add star rating play

[frankiefab100]

This fixes issue #464

First thing, PLEASE READ THIS: ReactPlay Code Review Checklist

Description

A Star rating play shows the use of useState hook

Fixes #464

Type of change

Please delete options that are not relevant.

• New feature (non-breaking change which adds functionality)

How Has This Been Tested?

Locally on localhost

Checklist:

• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

[vercel]

@frankiefab100 is attempting to deploy a commit to a Personal Account owned by @reactplay on Vercel.

@reactplay first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
react-play	✅ Ready (Inspect)	Visit Preview	Sep 2, 2022 at 4:30AM (UTC)

[koustov]

Few early impression

1. Unwanted vertical and horizontal; scrollbar appearing
2. It would be great if you can associate some titles with each start. something like "Bad", "Not OK", "Good", "Very Good", "Spelbound"
3. it would be even better if you can give me some options to choose from. Like you have already implemented with star, probably another option would be smilies and so on

No 1 is mandatory to fix whereas No 2 and No 3, I would leave with you.
Once done I can start reviewing.

[frankiefab100]

Few early impression

1. Unwanted vertical and horizontal; scrollbar appearing
2. It would be great if you can associate some titles with each start. something like "Bad", "Not OK", "Good", "Very Good", "Spelbound"
3. it would be even better if you can give me some options to choose from. Like you have already implemented with star, probably another option would be smilies and so on

No 1 is mandatory to fix whereas No 2 and No 3, I would leave with you. Once done I can start reviewing.

Alright

[koustov]

Hey @frankiefab100 , let us know when its ready

[frankiefab100]

Hey @frankiefab100 , let us know when its ready

Hi @koustov I have made the necessary changes

[koustov]

Few comments dropped

[atapas]

@frankiefab100 let's close this one soon and get in.

[frankiefab100]

@frankiefab100 let's close this one soon and get in.

I pushed new commits yesterday. Waiting for a review

[atapas]

@frankiefab100 let's close this one soon and get in.

I pushed new commits yesterday. Waiting for a review

Ok @koustov will close it then tonight.

[koustov]

Final comment. Once implemented, its ready to merge

[koustov]

100vh and 100vw are creating scroll to the container.
Replace the height and width with

height: 100%
width: 100%

It will solve the scroll issue.

[frankiefab100]

Ok, thanks.

I wonder why it looks okay from my end.

[koustov]

Only comment

Fabulous job @frankiefab100

[frankiefab100]

Only comment

Fabulous job @frankiefab100

Thank you 😄