Code Monkey home page Code Monkey logo

scrumptioustab's Introduction

CircleCI Codacy Badge Codacy Badge

Scrumptious

A chrome extension that turns your new tab into a kanban board!

  1. Getting Started
  2. Local Development
    1. Running the dev server
    2. Chrome development
  3. Running tests
  4. Building
  5. Deployments
    1. Pre Deployment
    2. Deploying
  6. Contributing

Getting started

  1. npm i
  2. npm start
  3. Visit localhost:8080

Local Development

Running the dev server

  1. npm start

Chrome development

  1. Build the application
    • npm run build - prod build
    • npm run build-staging - staging env
    • npm run build-demo - demo build (demo.scrumptioustab.com)
    • npm run build-firefox - firefox specific build ( unstable )
  2. In chrome, go to chrome://extensions
  3. Toggle "developer mode", found on the top right
  4. On the left, select "Load Unpacked" and select the dist folder generated in the build
  5. Open the new tab and you should see the app

Running tests

Tests are ran with jest and enzyme

  1. npm run test

Building

  1. npm run build

Deployments

Pre deployment

  1. QA all the things.
    1. Does the application work for fresh installs?
    2. Does the application work with existing data?
    3. Does the application work for users with older extension versions?
  2. Verify tests pass
  3. Verify test coverage does not decrease

Deploying

  1. Increase the version number in manifest.json
  2. Remove the existing dist folder if any
  3. npm run build
  4. Zip the build file, upload it in the Chrome developer console

Contributing

Find a bug? Want a feature? Want to change some bad code? Please open an issue! There are a few issue templates to choose from so select the one that is most relevant to the issue you are opening. Please provide as much detail as possible :)

This project is newly open source, and there is a lot of work to be done!

Any questions? Contact me at [email protected]

scrumptioustab's People

Contributors

maxwfreu avatar

Stargazers

 avatar Chris Lonardo avatar Nick Woolley avatar Liam Arbuckle avatar Chris Lonardo avatar billiebongo avatar Valentine Ubani Mayaki avatar Fabrizzio Soares avatar yupeng avatar Uros Randelovic avatar Toan Tran avatar Dawson Botsford avatar Anh Ngọc avatar Trần Công Minh avatar  avatar Kenneth Gathuru avatar  avatar Tristan Havelick avatar  avatar

Watchers

James Cloos avatar  avatar  avatar

scrumptioustab's Issues

Empty Scrumptiuous

After updating to 1.2.0.8 and granting additional permissions for the addon within Firefox, the tab now shows nothing at all. When opening a new tab the datetime flickers shortly and vanishes. Then there is nothing else to see. No cards etc.

Is there any log to check?

To Reproduce
Steps to reproduce the behavior:

  1. open new tab

Expected behavior
Expecting the beautiful addon with wobbly cards etc.

Screenshots

grafik

Desktop

  • OS: Windows 10
  • Browser: Firefox 60.9.0esr, Build-ID 20190901094603

Firefox add-on lacks menu option to disable override of browser's default new-tab behavior

Description

The Chrome/Chromium version has this menu option (Gear Icon):

  • Default New Tab
    Turn on to get back your new tab. Access your Kanban board by clicking on the Scrumptious icon in your extensions toolbar

This option does not appear in the same menu, in the Firefox version 1.1.2.1.

The only way (that I can see) to restore Firefox's default new-tab behavior is to disable Scrumptious. Unfortunately, this also removes the Scrumptious icon.

Is there a work-around by editing the settings in about:config? I see some settings have been 'modified' (possibly by Scrumptious, they do not say) but it's not at all clear as to what may be done, to 'un-modify' them.

Google Tasks integration

Is the integration of Google Tasks in the scope of this great project?

Ideally, there could be a setting to automatically place those tasks into different columns depending on the date of the task, while importing:
overdue tasks to a column called f.i. "backlog"
today's tasks to a column called f.i. "doing"
future tasks to a column called f.i. "to do"
finished tasks to a column called f.i. "done"

Another optional feature could be syncing: after the first import, those tasks should still stay in sync with Google Tasks, so when a new day starts, all unfinished tasks from a previous day would move to "backlog" and so on.

Card-sync capability when linked with Google account?

Feature Description
Allow the same cards to appear on multiple Kanbans, as displayed on different devices.
Mocks
My Work Board

Specific My Work Board feature, quoted from MWB documentation, that could be good addition, for Scrumptious:

Cards [synchronize] on different computers (for this you must be logged in with a Google account).

This feature works quite well on My Work Board, but is only available on Chrome/Chromium because of the tight integration between these browsers and Google's Sync feature, which includes syncing Tabs. I do not see Tab-sync available on the Chrome/chrome-compatible browsers, at least not those with which I am familiar.

So, although Scrumptious now runs on Firefox and Chrome/Chromium-compatible browsers, tab sync implemented in this manner would only function on the Chrome or Chromium browsers.

I do have privacy issues with using any Google service, but perhaps for now this could be a work-around to provide card-sync without 'reinventing the wheel'? I wouldn't mind running a separate instance of Chromium, devoted exclusively to a syncing-version of Scrumptious.

N.B.: Señalador is getting bookmark-sync on browsers not integrated with a Google log-in, and so it is not limited to sync-functionality in Chrome/Chromium browsers, only.
It even syncs between Gecko (Firefox) and (compatible) Blink-based browsers.

Bookmarks: Detect folders

Description

Our background script that finds a users bookmarked pages currently does not search within folders. Let's add functionality to find folders and their contents

Tasks

  • Update background script to find folders
  • Return all pages and subfolders

Bookmarks: Show Bookmark Manager link

Description

Right clicking bookmark bar should show dropdown with Bookmark Manager link

Screen Shot 2019-10-06 at 3 59 14 PM

Tasks

  • Override default right click behavior
  • Show list of options (for now, only Bookmark Manager)

Bookmarks: Show folders

Description

Our custom bookmark bar currently does not show folders. Let's add functionality to be able to show folders, pages within folders, and folders within folders.

Tasks

  • Render folders in bookmarks bar
  • Clicking folders should render dropdown with list of pages
  • Subfolders should reuse same folder component

Missing Firefox Add-on

While the last update for the Chrome add-on was on 1. Nov., the Firefox add-on isn't available at all, although the link is still present on the homepage.

Can we have this great add-on back on Firefox?

Bookmarks (Parent)

Description

This parent ticket houses all bookmark related tickets.

Tickets

  • Detect folders #3
  • Show folders #2
  • Right clicking bookmark bar should show dropdown with Bookmark Manager link #4

Task Piority Auto Sorting

Auto sorting task base on priority
When adding a new label we can add an attribute for it like weight? (a number, the bigger of the number the more important).
After you add a label have weight attribute the task list auto sorting all of the tasks.

With task doesn't have weight attribute leave it at the top of the list.

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.