/url-preview

Display Url Preview as user is typing (cache that for fast experience)

Primary LanguageJavaScript

This project was bootstrapped with Create React App.

Overview

  • Url Preview project is created as fun little exercise project. checkout demo
  • user can type something in input eg "Check out http://airbnb.com. It's awesome!" & it will show the preview of the url inside the text.
  • currently it is using "open graph" (og:title, og:image, og:description) <meta> tags (inside html of url) to collect preview information.
  • caching is done (using localStorage) for every url that is fetched & parsed successfully.

Known issues (can be fixed)

  • we are showing error alert whenever there is some error while fetching preview information from the provided link, this error alert should not be shown
  • debouncing experience can be improved.
  • currently, a url is considered valid if it is starting from http|https, we can change the regular expression to fix this issue.