harshithtunuguntla / project-osus

HacktoberFest OpenSource URLShortener Application - Participate in Hacktoberfest by contributing to any Open Source project on GitHub! Here is a starter project for first time contributors. #hacktoberfest
https://project-osus.vercel.app
18 stars 42 forks source link

Add Link Preview Feature #67

Open adarsh4k opened 2 weeks ago

adarsh4k commented 2 weeks ago

Description

This feature request is to add a link preview functionality to the URL shortener website. When a user clicks on a shortened URL, instead of immediately redirecting to the destination, a preview page is shown with meta information such as the title, description, and a thumbnail image (if available). This allows users to see what the destination is before proceeding.

Motivation

Enhancing user trust and security: Showing a preview of the destination can help users feel more confident about clicking the link, especially if they don’t recognize the shortened URL. Improving user experience: Previews provide a better understanding of the content behind the link, making it more engaging for users. This feature would also make the URL shortener stand out compared to standard services.

Proposed Solution

When a user clicks on a shortened link: 1)Fetch the meta information (title, description, and thumbnail) of the destination URL. 2)Display this information on a preview page before the user is redirected. 3)After the preview page, offer the user an option to proceed to the destination or cancel the action.

Technical Implementation: 1)Use libraries or tools such as unfurl or OpenGraph to fetch meta data from the destination page. 2)The preview page should be simple, displaying: 1)The title of the page. 2)A short description. 3)A thumbnail (if available). 3)The page should have two buttons: Proceed and Cancel.

adarsh4k commented 2 weeks ago

Hi @DCGUY009 Can I work on this ?

DCGUY009 commented 2 weeks ago

Hi @adarsh4k you can go ahead and work on this, remember to pull the latest code. Happy hacking 🚀

harshithtunuguntla commented 1 week ago

Hey @adarsh4k any update on the changes?

adarsh4k commented 1 week ago

Hi @harshithtunuguntla anna It will be complete by today