Namit2111 / bible-verse-finder

https://bible-verse-finder.vercel.app
GNU General Public License v3.0
23 stars 31 forks source link

Add "Copy Verse to Clipboard" Functionality #20

Closed JustinhSE closed 1 month ago

JustinhSE commented 1 month ago

Overview

We would like to enhance the user experience by adding a "Copy Verse to Clipboard" feature next to each verse displayed after a search query. This feature will allow users to easily copy a specific verse for reference or sharing purposes.

The functionality should be intuitive and seamlessly integrate with the existing user interface, ensuring that the process of copying a verse is straightforward and efficient.

For implementation reference, please review the example provided here: Copy to Clipboard Component.

Task

  1. Design Integration:

    • Implement a "Copy Verse to Clipboard" button/icon next to each verse in the search results.
  2. Functionality:

    • Utilize the Copy to Clipboard Component as a guide to develop the feature.
    • Ensure the button copies the correct verse text to the clipboard upon user interaction.
  3. Testing:

    • Conduct testing to verify that the clipboard functionality works across all supported browsers and devices.
ByteJoseph commented 1 month ago

At first, I thought this app was using Flask. Will it be migrated to Next.js

JustinhSE commented 1 month ago

@ByteJoseph yes it is integrated!

Namit2111 commented 1 month ago

Hi! @ByteJoseph this app uses Nextjs for frontend and flask for backend