ConvertEx

Easily convert between over 200 fiat and cryptocurrencies ad-free

Pop-up toggles using the hotkey Alt+Shift+X on Windows or Command+Shift+X on Mac

---

Technical Highlights

• Reactive State Management: Uses Pinia to locally store last used currency pair and input value, alongside caching the last fetched exchange rate for instant conversion.
• Minimalist Styling: Leverages Pico CSS to build a lightweight and sleek UI while keeping build size at around 200 KB.
• Efficient Algorithms: Minimizes API latency by pre-fetching base rates and calculating cross-rates locally via triangulation, allowing for latency-free lookups for all currency pairs without additional network requests, reducing latency and API calls.

Browser Compatibility

This extension is compatible with the following browsers. Please note its availability on official stores.

Browser	Compatibility	Store Availability	How to Use
Mozilla Firefox	✅ Fully Supported	✅ Available on Firefox Add-ons	Install from Firefox Add-ons
Google Chrome	✅ Fully Supported	🚫 Not on Web Store	Install Locally
Microsoft Edge	✅ Fully Supported	🚫 Not on Edge Add-ons	Install Locally
Safari	⚠️ Temporary Installation	🚫 Not on App Store	Install Locally

Local Installation

1. Download the latest release package from Releases.

2. Load the unzipped dist folder into your browser:

   • Google Chrome

     1. Go to the Extensions page by entering chrome://extensions in a new tab.
     2. Enable Developer Mode by clicking the toggle switch next to Developer mode.
     3. Click the Load unpacked button and select the extension directory.
     • (Source: Chrome for Developers)

   • Safari

     1. In the Safari menu, choose Safari > Settings.
     2. Select the Developer tab.
     3. Click “Add Temporary Extension…”, then respond to Safari's unsigned extension authentication prompt, if you haven't already selected the “Allow unsigned extensions” option.
     4. Select the folder or zip file containing your web extension files, and click Select.
     • (Source: Apple Developer Documentation)

   • Microsoft Edge

     1. In Microsoft Edge to the right of the Address bar... click the Extensions button. Or, select Settings and more > Extensions.
     2. Click Manage extensions.
     3. Turn on the Developer mode toggle.
     4. Click the Load unpacked button.
     5. Select the directory that contains the extension's source files... Click the Select Folder button.
     • (Source: Microsoft Edge Developer documentation)

Building Locally

Requirements

• Node.js (v22 LTS recommended)
• npm (v10.x or higher)

Install project dependencies

npm install

Build script

npx vite build

Loading as a browser extension

After building the application, the dist/ folder contains all necessary files to load the extension into your browser.