✨ [Feature request]: Add Random Quote Generator as a new play

[rajnishpatell]

Contributor Guidelines

• I have read the guidelines and discussion

Is your feature request related to a problem? Please describe.

This is not related to a problem but is intended to add a fun and educational feature.
It will help new learners understand how to handle state and randomization in React.

Describe the solution you'd like.

Create a new play component under src/plays/random-quote-generator/
that shows a random quote from a list or an external API.
The component will have a button labeled “New Quote” that updates the displayed quote dynamically.

Describe alternatives you've considered.

Instead of static quotes, we could extend it later to fetch quotes from an API like type.fit or quotable.io.
However, for simplicity, the first version will use a local array of quotes.

Screenshot / Screenshare

No response

Additional context

I have already explored the ReactPlay project and its play structure.
I plan to follow the existing component format, styling conventions (TailwindCSS), and commit message rules.
This feature aligns with ReactPlay's goal of providing small, educational React examples.

Record

• I have checked the existing issues
• I have read the Contributing Guidelines
• I want to work on this issue
• I am a Hacktoberfest contributor

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Hey! contributor, thank you for opening an Issue 🎉.

@reactplay/maintainers will review your submission soon and give you helpful feedback. If you're interested in continuing your contributions to open source and want to be a part of a welcoming and fantastic community, we invite you to join our ReactPlay Discord Community.
Show your support by starring ⭐ this repository. Thank you and we appreciate your contribution to open source!
Stale Marking : After 30 days of inactivity this issue/PR will be marked as stale issue/PR and it will be closed and locked in 7 days if no further activity occurs.

[github-actions]

There hasn't been any activity on this issue recently, and in order to prioritize active issues, it will be marked as stale. Please make sure to update to the latest version and check if that solves the issue. Let us know if that works for you by leaving a 👍 Because this issue is marked as stale, it will be closed and locked in 7 days if no further activity occurs. Thank you for your contributions!