GithubHelp home page GithubHelp logo

d-l-development / video-bookmarker-chrome-extension Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 15.91 MB

Web Video Bookmarks is a Chrome extension learning tool that allows you to associate annotations with certain key points in videos. It's made with a friendly file system user interface which also allows the user to download a PDF file with a table containing a timeline of a video.

JavaScript 98.70% CSS 0.72% HTML 0.59%
study-project study-tool video

video-bookmarker-chrome-extension's People

Contributors

dakoalbeik avatar lukawoodson avatar

Stargazers

 avatar  avatar

video-bookmarker-chrome-extension's Issues

VBE-1 Pick fonts

The extension currently doesn't have any enforced fonts. Please go through a few fonts that suit the style of the extension and update the current font with the chosen one.

  • All fonts need to go well together.
  • No flashy or hard to read fonts.
  • Increase font weight on parts that deem necessary.

VBE-10 Decide on colors and themes

Go through https://coolors.co/ and find/create a few pallets that would make sense for the extension. We might start out with one, but it would be nice to have two more in case we want to give the ability to choose a theme from the settings. A good place to start is to identify how many colors are needed overall.

  • Light mode theme
  • Dark mode theme
  • In between mode theme

VBE-17 Limit the amount data saved to chrome.storage

Currently, it is possible to save too many sessions and potentially break the extension. For that reason, we need to find a way to monitor the storage size, and prevent the user from creating too many sessions, or too many bookmarks within a session.

VBE-9 Create icons for extension

The extension has several icons that need to be replaced with an icon that contains the logo. The images can be found in the repo, and the icons created must match the dimensions.

VBE-2 Add save button to allow user to save session locally

The user should be able to save a session, or all sessions to a local dir as one of the following file formats (.pdf, .png, .jpeg, .txt) or something similar. Ideally, the format chosen should be able to be re-uploaded to the extension for further modification.

VBE-11 Style the scroll bar for the video and navigation page

When there are too many bookmarks, or sessions, the container should scroll. Right now it does, but the scroll bar looks awful. It needs to be much smaller in width, and have a sleek style.

  • Account for 2-3 different themes for the scroll bar.

VBE-13 Add shortcuts

In the options page, the extension should allow the user to enable or disable shortcuts for adding bookmarks. The modal class needs to also be modified to allow the user to click enter to submit the forms.

  • Options page should enable or disable shortcut(s)
  • ModalBuilder class should allow submission when Enter is clicked.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.