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:

• [x] Implemented the randomizer function.
• [x] Styled the user interface for an engaging experience.
• [x] Verified that the randomizer works and updates the displayed line dynamically.
• [x] 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[bot]]

✅ Deploy Preview for reactplayio ready!

Name	Link
🔨 Latest commit	d3e40684e9e812e51606565fa6bd7c74c42ad0aa
🔍 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.

[Karna0005]

it is absolutely fine.

[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