Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/beauallison/mrwolf

Browser extension and Web App made with React & Emotion for helping you sync timezones across the globe. Available for Firefox, Chrome & Edge.
https://github.com/beauallison/mrwolf

browser-extension chrome chrome-extension edge-extension emotion firefox firefox-extension react sync-timezones typescript

Last synced: about 1 month ago
JSON representation

Browser extension and Web App made with React & Emotion for helping you sync timezones across the globe. Available for Firefox, Chrome & Edge.

Awesome Lists containing this project

README

        

# Mr Wolf

![CI](https://github.com/beauallison/mrWolf/workflows/CI/badge.svg)

Browser Extension and Web App made with React, Emotion, & TypeScript for helping you sync timezones across the globe.

![](./preview.gif)

## Web Version

https://mrwolf.app

## Desktop Browser Extensions

Available on the Extension Stores for

- [Firefox](https://addons.mozilla.org/en-GB/firefox/addon/mr-wolf-app/)

- [Chrome](https://chrome.google.com/webstore/detail/mr-wolf/jkelocfjplnpcpjnmbamgfohobillnhf/)

- [Edge](https://microsoftedge.microsoft.com/addons/detail/mr-wolf/ihalkbldgbodccfefbohcfeckdgdodgo)

## Features List

| Feature | Status |
| --------------------------------------- | :----: |
| >6000 Cities | ✅ |
| 24 Hour Time Toggle | ✅ |
| Display Seconds Toggle | ✅ |
| Browser Storage & Sync | ✅ |
| Web Version | ✅ |
| Firefox Extension | ✅ |
| Chrome Extension | ✅ |
| Edge Extension | ✅ |
| Theme Support | ✅ |
| Simple Custom Font Sizes | ✅ |
| Plus / Minus Time Adjuster | 🔜 |
| Checklist | ✅ |
| Sorting of times | 🔜 |
| Advanced Customisation (Fonts, Colours) | 🕒 |

## Running Locally

This app requires Node and NPM to build and run.

### 1. Build

```sh
git clone https://github.com/beauallison/mrWolf/
cd mrWolf
npm install
npm run build
```

### 2. Run

1. Open Firefox
2. Open `about:debugging`
3. Click `This Firefox`
4. Click `Load Temporary Add-on...`
5. Open the `build` folder in the project directory
6. Open the `manifest.json` file

For more information view the instructions at [Mozilla](https://developer.mozilla.org/en-us/docs/tools/about:debugging)

## Contributions

I would love your feedback! Please raise issues or if you would like to contribute raise any PRs for fixes you find.

## Special Thanks

- To [Cameron Murphy](https://github.com/cameronmurphy) for early testing and finding all the meddlesome bugs

- To [Sohil Pandya](https://github.com/sohilpandya) for the Checklist idea, inspiration and testing

## Acknowledgements

- Cities and timezones data set from [GeoNames](https://download.geonames.org/export/dump/)

- Countries data set from [Goodtables](https://goodtables.io/github/datasets/country-codes)

- Build process is based off the work by Eugene Dzhumak and their [React Web Extension Boilerplate](https://github.com/elforastero/react-browser-extension-boilerplate)

- World Clock Icon by [Creative Stall](https://thenounproject.com/creativestall/)