Changes to be committed: Added Cheesy Pick-up lines Play

[Karna0005]

new file:   src/plays/cheesylines/Cheesylines.js
new file:   src/plays/cheesylines/Readme.md

First thing, PLEASE READ THIS: ReactPlay Code Review Checklist

Fixes #1534

#HACTOBERFEST

Pull Request Title: Add Cheesy Lines Randomizer Feature to Display Random Pick-Up Lines

---

Description:

This pull request addresses the issue of implementing the Cheesy Lines Randomizer feature. The play is a React-based interactive web application that generates random cheesy pick-up lines when a button is clicked.

---

Key Features:

1. Randomizer Functionality:

   • A random pick-up line is generated and displayed from a predefined collection when the user clicks the "Get Cheesy Line" button.

2. React Concepts Used:

   • State Management (useState): Manages the currently displayed pick-up line.
   • Event Handling: The onClick event on the button triggers the randomizer function.
   • Component Rendering: Updates the displayed line in real-time based on the current state.
   • JSX Layout: Structurally displays the lines and button in a clean, interactive design.

3. UI/UX:

   • A responsive and minimalist interface designed to work on different screen sizes, featuring an eye-catching button and neatly formatted display of pick-up lines.

---

How to Test:

1. Clone the repository and switch to the branch containing this feature.
2. Run npm install to install all dependencies.
3. Start the application by running npm start.
4. Interact with the app by clicking the "Get Cheesy Line" button to display random pick-up lines.

---

Linked Issue:

This pull request addresses and closes Issue #[#1534] - "Add Cheesy Lines Randomizer to Display Random Pick-Up Lines".

---

Checklist:

• Implemented the randomizer function.
• Styled the user interface for an engaging experience.
• Verified that the randomizer works and updates the displayed line dynamically.
• Tested responsiveness across different devices and screen sizes.

---

Feel free to reach out on Discord for further discussions or feedback on this feature!

Screenshots

[netlify]

✅ Deploy Preview for reactplayio ready!

Name	Link
🔨 Latest commit	d3e4068
🔍 Latest deploy log	https://app.netlify.com/sites/reactplayio/deploys/670b7ae8426b9c00085ad40a
😎 Deploy Preview	https://deploy-preview-1539--reactplayio.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Hey! contributor, thank you for opening a Pull Request 🎉.

@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.

[priyankarpal]

there is something wrong with css please check

[Karna0005]

it is absolutely fine.

[priyankarpal]

please check another play once

[Karna0005]

hey, I have changed the css please verify!

[Karna0005]

can anyone tell me what's wrong with the code..? please

[priyankarpal]

can anyone tell me what's wrong with the code..? please

now it's ok