Skip to content

An extension that makes it possible, with just a few clicks, to search for images or videos on the biggest free sites today!

Notifications You must be signed in to change notification settings

rubens-fs/free-contents-search-extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

README.md

icon-128px

📌 Introduction

This is an extension for web browsers that allows for searching for free contents in one place. Simply click on the desired option and type in a search term.

The user can click or simply hit ENTER to perform the search and the corresponding images will be presented.

Also, if you prefer to search for videos, just click the SWITCH button and it will switch to searching for free videos.

It is important to note that all sites are in your English version, so it is recommended to make searches in English as well.

The tools used were: Javascript for all the code's functionality, CSS for styling, and HTML for the structure and organization of the extension's elements.

In addition to them, it has a .json file for the necessary specifications for the extension to work perfectly.

👨‍💻 About the interface

This code is a browser extension designed for finding free contents. It features an HTML form including checkboxes for selecting different image or videos search websites such as Unsplash, Pexels, Pixabay, and more, as well as a search bar.

The added JavaScript manages the selection of options and the search, opening the corresponding pages of the selected websites with the corresponding search. It also includes verification to ensure that the user has selected an option and entered a search term before performing the search.

It will also promote the function of switching between image and video contents.

💻 Midia

Interface

home-page

Its functioning:

Images interface in Google Chrome:

Images interface in Google Chrome.

Videos interface in Google Chrome:

Videos interface in Google Chrome.

Images and videos interface in Microsoft Edge:

Images and videos interface in Microsoft Edge.

!important The interface was also tested (successfully) on the Opera GX browser. ✔️

📋 Release Notes 2.0

  • SWITCH button to switch between free contents.
  • Changing properties in the CSS file for better content framing.
  • Video platforms were added following the same "popularity" parameter as free image platforms (contact me if you think any changes are relevant).
  • Minor changes made to the manifest.json file in order to specify the update and the current version.

⚙ How to add?

Go to chrome://extensions/. At the top right, turn on Developer mode. Click Load unpacked. Find and select the app or extension folder.

In other browsers the procedure is similar.

❤️ I hope you like it!

This was my final project for the CS50 course offered by Harvard, it was really challenging and quite rewarding for me to create it!

I decided to go back to work on this project, adding, in version 2.0, the possibility of searching for free video content, so it was quite gratifying to see that the extension is more useful for users.

But I won't stop here, I intend to keep improving this extension until I'm completely satisfied, so if there are any further changes, they will be seen as "release notes".

By the way, here is my LinkedIn profile! https://www.linkedin.com/in/rubens-fs/ (If you would like to connect with me, feel free! 😃).