Giter Club home page Giter Club logo

epiboard's Introduction

Epiboard Build Status Version Paypal Donate Licence

A new tab page adding a touch of wow and an interface following the lines of the material design. 🆕 🎉.
You can simply and quickly access the weather, your RSS feeds, downloads, sessions, keep a look on Google Trends and much more.

Highly inspired and full rework of Cardboard by dotlouis.
Available on Chrome Web Store and Firefox

Epiboard Epiboard

What is it?

Epiboard replaces the default new tab page. Where you can add cards, reorder them with drag and drop.
Colors, Dark mode, Languages, Google Trends city can be customized from the settings page.
Weather city, RSS, Downloads can be customized from the card settings.
All settings are synchronized between browsers.

Current cards:

  • Weather
  • System (Chrome only)
  • Bookmarks
  • Sessions
  • Downloads
  • Quick settings
  • Quick Links
  • RSS
  • Top Sites
  • Apps (Chrome only)
  • LastFm
  • Translate
  • Epitech
  • Isefac

Requirement

Build Setup

If you want the stable version take it from Chrome Web Store or for Firefox

# install dependencies
$ npm install
# or using yarn
$ yarn install

# build for production with minification and generate zip
# For Chromium browser
$ npm run build:chrome
# For Firefox
$ npm run build:firefox

# build for production with the bundle analyzer report
$ npm run build:chrome -- --report

# in your browser extension page
# load unpacked extension from dist folder.

Opera

  1. Install the Opera Extension that allows you to Add Chrome Extensions: HERE.
  2. Install Epiboard from Chrome Web Store or local install
  3. Install the Custom New Tab Page extension
  4. In Custom New Tab page settings enter URL: chrome-extension://eblmkpheecdcbflbhbadgfciakhlhdnm/index.html

Notes on permissions

Some of theses permissions are not optional only due to manifest/API limitations: learn more: chrome, firefox

  • storage: to save user's settings such as background image
  • geolocation: to allow weather cards to detect your location
  • management: to display your apps not optional due to error to access icons
  • [Optional on Chrome] sessions: to retreive chrome sessions linked to your account and display them in a card
  • [Optional on Chrome] browsingData: to allow the quick-settings card to remove your cache, cookies, history and local storage
  • [Optional on Chrome] identity: to request a connection to your external account
  • [Optional] tabs: to show your recently closed tabs (sessions card)
  • [Optional] downloads: to display your recent downloads
  • [Optional] downloads.open: to open files you have downloaded from the download card
  • [Optional] system.cpu: to collect and display your computer's cpu usage
  • [Optional] system.memory: to collect and display your computer's memory usage
  • [Optional] system.storage: to collect and display your computer's storage usage
  • [Optional] topSites: to display your most visited websites
  • https://trends.google.com/trends/hottrends/visualize/internal/data: to fetch google trends at this address
  • https://www.google.com/doodles/search: to fetch google doodles at this address

Wiki

Do you have any questions? Maybe the answer is in the Wiki

License

This project is licensed under the MIT License - see the LICENSE file for details

epiboard's People

Contributors

ak84ak avatar alexays avatar belgiangeek avatar briangtn avatar colinmcneil avatar dependabot[bot] avatar eggsy avatar gledos avatar jonny-gm avatar mikeb2k avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

epiboard's Issues

Remove d3

Pro:
- Considerably reduce bundle size
- Less innerHTML

Welcome page

Add a welcome page to explain how the extension works and wish user to enjoy it :)

Bug: Cannot enable dark mode in Firefox

Expected Behavior

Go in the settings and enable dark mode, nothing happens.

Current Behavior

Nothing

Possible Solution

Fix the code

Error log:

TypeError: "cannot use 'in' operator to search for 'enabled' in 'falseundefinedun...'"
Ctmoz-extension://836f2e99-885c-4f91-9c5d-d905d9f78a66/static/js/app.js:14:7254callbackmoz-extension://836f2e99-885c-4f91-9c5d-d905d9f78a66/static/js/settings.js:1:3512emoz-extension://836f2e99-885c-4f91-9c5d-d905d9f78a66/static/js/app.js:14:12128emitmoz-extension://836f2e99-885c-4f91-9c5d-d905d9f78a66/static/js/app.js:14:31407onChangemoz-extension://836f2e99-885c-4f91-9c5d-d905d9f78a66/static/js/vendors~home~settings.js:1:47587emoz-extension://836f2e99-885c-4f91-9c5d-d905d9f78a66/static/js/app.js:14:12128_withTaskmoz-extension://836f2e99-885c-4f91-9c5d-d905d9f78a66/static/js/app.js:14:41332 app.js:14:10757
	qt moz-extension://836f2e99-885c-4f91-9c5d-d905d9f78a66/static/js/app.js:14:10757
	Ft moz-extension://836f2e99-885c-4f91-9c5d-d905d9f78a66/static/js/app.js:14:10681
	Ut moz-extension://836f2e99-885c-4f91-9c5d-d905d9f78a66/static/js/app.js:14:10549
	Kw5r/</t.prototype.$emit moz-extension://836f2e99-885c-4f91-9c5d-d905d9f78a66/static/js/app.js:14:31435
	onChange moz-extension://836f2e99-885c-4f91-9c5d-d905d9f78a66/static/js/vendors~home~settings.js:1:47587
	e moz-extension://836f2e99-885c-4f91-9c5d-d905d9f78a66/static/js/app.js:14:12128
	ar/i._withTask moz-extension://836f2e99-885c-4f91-9c5d-d905d9f78a66/static/js/app.js:14:41332

Steps to Reproduce (for bugs)

  1. Go to settings
  2. Enable dark mode
  3. Nothing happens

Context

I want to be dark U_U

Your Environment

  • Version used: 1.4.11
  • Browser Name and version: Firefox 61.0.1
  • Operating System and version: Arch Linux (Kernel 4.17.4)

Settings page

Add a settings page where the user defines:

  • a country (google trends)
  • a city for background header image
    and more :)

Save in Settings

  • I'm submitting a ...

    • bug report
    • feature request
    • support request
  • Do you want to request a feature or report a bug?

If u can save the settings directly when we change it and not with the save button

What a cool discovery ;)

A friend of mine sent me your repo,
It's so cool you made it with Vue !

Thanks for the credit btw.
Can't wait to see where you go from here 😃
I might even contribute ;)

Cheers !

Cache

Implement a cache for faster startup

Web extension

See if it is possible to turn it into a web extension for firefox compatibility

localiation

Ask me to allow my localisation every time i open a new tab

Chunk per cards

For now without the opti it takes 2.5 seconds to be fully loaded on my laptop.

Timeline duplication

screenshot from 2018-04-24 10-42-29
When I click on the timeline button a new calendar container appear in the modal window.

Version: Firefox 59.0.2 - built with npm manually

Choose new font

Hello guys !

What do you think about making the possibilities to change the default font of the extension ?

With a Google Font service support ?
And why not give the possibilities to use a local font ?

Thanks bro' 😄

nop

just a test

Calendar and mails ?

  • I'm submitting a ...

    • bug report
    • feature request
    • support request
  • Do you want to request a feature or report a bug?

I would like a calendar display from an ical feed and emails list (not only gmail but with any mail provider, maybe with https://github.com/emailjs/emailjs-imap-client).

Congratulations for this nice extension.

Social Network

What do you think about having access to our Facebook/Facebook Messenger or even Twitter notifications?
The whole thing is obviously nicely done ! 😄

Config per card

See to add a card configuration for example for the system card to not to display the storages or to choose how many modules to show in epitech cards...

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.