https://github.com/axel7083/homepage
A chrome extension which provides a nice custom page with shortcuts, menus etc.
https://github.com/axel7083/homepage
chrome-extension homepage react startpage
Last synced: about 2 months ago
JSON representation
A chrome extension which provides a nice custom page with shortcuts, menus etc.
- Host: GitHub
- URL: https://github.com/axel7083/homepage
- Owner: axel7083
- License: gpl-3.0
- Created: 2020-10-19T12:09:30.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-04-16T14:46:01.000Z (about 4 years ago)
- Last Synced: 2025-04-23T19:19:17.232Z (about 2 months ago)
- Topics: chrome-extension, homepage, react, startpage
- Language: JavaScript
- Homepage:
- Size: 11.4 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# HomePage
A chrome extension which provide a nice customizable Homepage, you can download it from the chrome web store [here](https://chrome.google.com/webstore/detail/homepage/lldjhjmaljndmlnbomjcofanjalieahb)
## Widgets
This page is using `Widgets`, you can move them as you want, where you want.
## Shortcuts
You can directly go/open this page using Ctrl+Q anywhere in your browser. No need to lose time searching where is the right tab.
## Wallpaper
I like to have beautiful and nice wallpaper, therefore I decided to use the [Pexels](https://www.pexels.com/) website, and they API to display nice background by themes.
The user can choose between themes available, and differents images will be displayed related to the selected theme.
## Todo
Some future widgets I will implement:
- Session saving (All the tabs open save them and restore them later)
- History widget (few last website visited)
- Most used website
- Search engine (Having a google widget maybe ?)
- Music player (Spotify ? Youtube ?)
Features
- Make widgets resizable by the user
- Fixing the z-index way the widgets are displaying
- Make the images loading in the background script to avoid endless loading
- Custom background from url
## Creating widgets
Every widget component must extend the [widget](https://github.com/axel0070/Homepage/blob/main/src/Widget.js) class, which provide some functions to allow loading and saving the state of the widget from local storage.
#### Load saved State
```javascript
//Can be called anytime (Preference in constructor)
this.loadState((isEmpty) => {
if(isEmpty)
//Stuff to do if the saved state is undefined
else
//Stuff to do if the saved state is not undefined
});
```
#### Saving current State
```javascript
//Can be called anytime (Avoid in loops)
this.saveState(() => {
console.log("State saved.");
});
```
#### Edit mode Listener
You can have a listener to be notify when the editor is switching on/off.
```javascript
//Can be called anytime (Preference inside loadState callback)
this.setState({OnEditorChangeListener:(value) => {
if(value)
//Stuff to do when edit mode switch on
else
//Stuff to do when edit mode switch off
}});
```
## Liscence & more
GNU AGPLv3 licensed.
The icon of this extension has been made by [Freepik](https://www.flaticon.com/authors/freepik) from [Flaticon](https://www.flaticon.com/)