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

Enhance UI: Highlight Shortened URL Field and Add Video Background #81

Open shaik-amanullah-codelaunch opened 5 days ago

shaik-amanullah-codelaunch commented 5 days ago

Description I would like to propose two enhancements to improve the user interface:

Highlight the Shortened URL Field: This would draw attention to the URL field by making it more visually distinct, perhaps by changing its background color or adding a border. Add a Video Background: Replacing the current static background with a subtle video loop would make the interface more engaging and visually appealing. Benefits These changes would improve the user experience by:

Making the shortened URL more noticeable, which could reduce confusion and improve ease of use. Creating a more visually appealing interface, which could make the app feel more modern and polished, potentially increasing user engagement. Additional Context For the URL field, CSS properties like background-color or border can be used to achieve the highlighting effect. For the video background, embedding a muted, looping video in the main container would enhance the aesthetic without detracting from readability or performance.

harshithtunuguntla commented 5 days ago

Sure @shaik-amanullah-codelaunch you can work on them. But I think adding video background may not be feasible since it may increase the load time for the user. But yeah, you can work on rest of the enhancements.

make sure you’ve registered for hacktoberfest and submit the changes asap to count it under hacktoberfest..