[Add a Play]: Add Cheesy Lines Randomizer to Display Random Pick-Up Lines

[Karna0005]

What's the Play about?

This issue introduces the Cheesy Lines Randomizer, a React-based play that generates random cheesy pick-up lines each time a user clicks the button. The randomizer function selects from a collection of witty and lighthearted pick-up lines, ensuring a fresh line is shown with every interaction, making the experience fun and dynamic.

What ReactJS concept will be used to create this play?

ReactJS Concepts Used in Cheesy Lines Randomizer

In this project, the Cheesy Lines Randomizer play utilizes several key ReactJS concepts to deliver its functionality:

1. State Management (useState):

   • The useState hook is used to manage the displayed pick-up line. Each time the user clicks the button, the state updates with a new random line from the collection, ensuring a dynamic user experience.

2. Event Handling:

   • React’s event handling is implemented to trigger a function when the "Get Cheesy Line" button is clicked. The onClick event fires a randomizer function to generate a new line.

3. Component Rendering:

   • The component will dynamically render the random pick-up lines based on the state. Whenever the state changes, the displayed line is updated in real-time.

4. JSX:

   • JSX is used to structure the layout of the play, including the button and the display area for the pick-up lines, making the app both interactive and visually appealing.

These ReactJS concepts allow the Cheesy Lines Randomizer to provide an engaging and seamless user experience by responding to input and dynamically updating the interface.

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.