Pod 2.1.3 - Goofy Goofy

About Us

We are one-fifth of Goofy Goofy, Pod 2.1.3 from MLH Fellowship (Explorer Track). Our team consists of

  • Elizabeth Crouther, Computer Science Grad Student at University of Pennsylvania
  • Sakshi Gupta, Computer Programming Undergrad Student at Maharaja Agrasen Institute Of Technology
  • Myat Thu Ko, Computer Science Undergrad Student at City College of New York

  • 🍴Fork this repository.

  • Go to chrome://extensions/

Screenshot 2021-02-27 022224

  • Turn on the Developer Mode.
  • Click on Load Unpacked and select the directory to upload the chrome extension for your local computer.
  • You will able to see a blue icon on the extensions bar, if not pin it for handy use Screenshot 2021-02-27 022652 .

  • Click on the Search-Savior icon.

  • A pop-up will appear.

Screenshot 2021-02-27 023007

  • Toggle it on (to start saving your search from the current page)

Screenshot 2021-02-27 023145

  • Do your research.
  • Once done, you can add a search name and provide a category to it for future references. Make sure to hit the SAVE button to save your activity.

Screenshot 2021-02-27 023418

How to access your searches?

If you want to access your past searches

  • Click on the Search-Savior extension icon.
  • A pop-up will appear, Click on "projects".
  • You will land on the Projects Page, which have track of all your previous searches

Screenshot 2021-02-27 024101

  • Click on the search you want to explore.
  • You will land on a page which will have the collection of url's of the wensites you visited (in the order of traversal)

image

Inspiration

We all know people rely on the internet to search for things that they need. Shopaholics keep tabs open multiple tabs of shopping websites, workaholics open multiple tabs of their jobs-related sites and codaholics open multiple tabs of StackOverflow, GitHub, and Google searches on the Data Structure and Algorithms. It is really frustrating to have multiple tabs opened at the same time with more than two Google Chromes. It does not look good and it only shows tiny logos of the website and you have to go through all of them to find the one. This also prevents you from shutting down your computer or laptop and this can severely damage your devices. To solve this, we came up with the solution with the help of our Pod Leader, Karan. We would like to introduce "Search Savior", a Google Chrome Extension to keep track of the tabs you open from a certain period of time and show it in the webpage in a Tree Structure.

What it does

Google Chrome DevTool extension that can be turned on/off to track websites that are visited during a search for how to solve a coding issue/how to implement a feature.

How we built it

This is our first time building a Chrome Extension. Firstly, we created a simple Chrome Extension to keep track of the tabs that the user currently is. Then, we used Chrome Storage to store the data and then pass it on to the webpage to print them out using AJAX framework. We used HTML, CSS and JavaScript for the landing page for our webpage and Chrome Extension.

Challenges we ran into

  • Working with JavaScript
  • Different timezone but we made it work
  • CSS and tiny little things with different syntax usages in HTML and JavaScript like class and className

Accomplishments that we're proud of

  • Learning Web Dev using HTML, CSS and JavaScript
  • Learning and deploying Chrome Extension
  • Teamwork with different timezone
  • Improving our git commands usages
  • Solving Merge Conflicts

What we learned

  • Teamwork makes the dream work
  • JavaScript, HTML, and CSS
  • Git commands (both remotely and locally)

What's next for SearchSavior

  • Adding new features such as saving the tabs every time when the user switches tabs
  • Displaying a proper descendent structure
  • Publish it in the Google Chrome Marketplace
Share this project:

Updates