GithubHelp home page GithubHelp logo

rpicking / fukurouchrome Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 1.52 MB

Personal chrome extension. Adds one-click downloading (with FukurouViewer) and live twitch.tv streamers popup

JavaScript 72.47% CSS 6.23% HTML 21.31%
chrome-extension javascript html native-messaging css jquery

fukurouchrome's Introduction

Fukurou Chrome Extension

Fukurou is an extension for the Chrome web browser that was created to learn javascript/html/css and add functionality that was unavailable from other applications.

It not only adds one click downloading of files to custom folders (through the FukurouViewer application) but adds custom download behavior to get optimal formats/files and additionally shows your followed streamers on Twitch.TV that are live.

One-Click Downloading

When used in conjunction with the FukurouViewer Application, you can download to custom saved directories, edit miscellaneous settings that add simplicity to downloading of files on supported websites, and perform reverse searches of images to popular sites.

Reverse Image Searching

The settings page allows editing of extension settings, modification of existing favorite folders, and viewing connection status to the FukurouViewer host application (for one-click downloading).

Extension Settings Page

Features

  • One-click downloading to custom folders in FukurouViewer application
  • Editing/reordering custom folder in browser
  • Custom download behavior for sites
    • Tumblr
      • One click download for videos
      • Automatically chooses largest image size
    • Pixiv
  • Reverse image searching to popular services
  • Live followed twitch streams (ordered and catagorized by game)

Installation

Because this project is still in its infancy, the extension is currently not available in the Chrome Web Store. I am in the process of setting up a GitFlow system to allow me to more easily create functional releases that can be packaged for the Chrome Web Store. When that happens, the installation will be much simpler.

In addition to downloading and installing FukurouViewer, to use the one-click downloading you must:

1.  Download/clone repository
2.  Enable Developer Mode in the Chrome extension settings
3.  Load unpacked extension browsing to the location of the app directory from the repo.
4.  Install the Fukurou 

Technologies

Some of the technologies I learned about while I continue working on this extension.

  • HTML
  • CSS
  • Javascript
  • JQuery
  • JSON
  • Native Messaging
  • Bootstrap

Planned Features

  • Displaying/editing FukurouViewer download history in browser
  • Adding new directory from extension (currently only available from FukurouViewer)
  • Proper dynamic content script for sites
    • Remove need for "hardcoded" content scripts
    • Load/unload script from extension without reload
  • Add other streaming platforms
    • Youtube
    • Azubu
  • Tabs in popup showing all streamers in favorited games on twitch.TV

fukurouchrome's People

Contributors

rpicking avatar

Stargazers

 avatar

Watchers

 avatar

fukurouchrome's Issues

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.