chelseavalentine / stacks-on-stacks

Chrome extension for StackOverflow. #TCdisrupt'15

Stacks on Stacks

A Chrome extension optimized for StackOverflow. It works in the background, saving your Stackoverflow tabs so that you can go back to questions any time you want. Let's face it, 99% of coding is Stackoverflow'ing, therefore this extension will make you 99% better.

You have the option to create projects to organize your links into logical groups, and rearrange and delete links.

This chrome extension was first made at the TechCrunch Disrupt Hackathon on 5/2-5/3. We decided that we could actually find the extension useful, so it was polished after the hackathon.

You can check out the video of our sleep-deprived demo at the TechCrunch Hackathon here.

stacks-on-stacks's Issues

jQuery to Pure JS: Stylishjs.js

Update persistence of project names

Set UI to show updated storage after hitting clearAll() button

Storage does clear all links, but the UI doesn't update at the same time. Chelsea, can you set it so that you are either faking a clearAll() visually by setting display: None or do a refresh?

Add best answer's number of upvotes in the background of each answer

Add 'X' to indicate delete project/clear unsorted, & helper text appears on hover.

Choose project that links are automatically added to

Ability to edit question names in edit mode

Edit project name feature

Create placeholder dividers when doing drag & drop

Format answer & render as HTML

Get rid of the excess whitespace in top answer, and render the answers as HTML instead of just text, so you can click on links/see code excerpts, etc.

Fix 'Clear all' logic

Right now it works but a 'page not found' comes up right after clicking it. Maybe it has something to do with how the UI handles the data being received from storage and the moment it is all clear, it messes up the UI?

Optimize SCSS

Better style names. Try to follow conventions... etc.

Store best answer functionality

Link rearrangement within a project

• Edit button -> add event listener could reload in links
• Can visually edit links
• Confirmation dialog appears if try to close in edit mode ? or auto save?
• press save button to save edits
  • get each project, find the other of the links (indices array?), then set the project's links in that order
  • save all of the project headers again
• pressing enter while editing project's header --> all project headers save, too
• in edit mode, use that drag-looking tool

jQuery to Pure JS: Initialize.js

Visually represent which project links are automatically being added to

• Choose which project to add to w/ a * & show visually
  • Load in the starred project w/ a filled in star
  • Clicking on the star disables the 'on hover off' unfilled star
  • Second click on star does nothing in particular
    • Upon each click, you could reload all stars w/ that star being functionless

Drag and drop UI function (lrn2grammar plz)

jQuery to Pure JS: Getters.js

Optimize functions so loading times are faster.

Best way to approach this:

1. Look for redundancies.
2. Eliminate them (nbd)

jQuery to Pure JS: Custom.js

Delete project capability

Comment & organize SCSS

Format <code> tags better

• Indentation
• Accurate line breaks
• Syntax highlighting?

bold question titles w/ more space

Money animation when click on header.

'Clear All' confirmation dialog box

All of my precious Stack Overflow bookmarks... 😭

Add collection-making capabilities

drag and drop, and organize links

Visually move links between projects.

Create separate html tab page

Key stroke navigation