Looking for a fast, modern, and offline-first unit converter? Meet Instant Unit Converter, a Progressive Web App (PWA) built entirely with Vanilla JavaScript (ES5)—no frameworks, no jQuery. Convert units instantly, anytime, anywhere.
✨ Features
- Wide Range of Units: Length, Mass, Volume, Temperature, Time, Speed, Area, Data Storage, Currency, and more.
- Real-Time Conversion: Results update instantly as you type.
- Offline First: Fully functional without internet thanks to a Service Worker.
- Live Currency Rates: Fetches and caches the latest exchange rates every hour.
-
Modern UI/UX:
- Sleek, responsive design
- Light & Dark themes with gradient backgrounds
- Searchable dropdowns for units (powered by Choices.js)
- Smooth animations for a user-friendly interface
Installable (PWA): Add it to your home screen for an app-like experience.
Zero Dependencies: Pure Vanilla JavaScript, lightweight and fast.
🛠️ Tech Stack
- Frontend: HTML5, CSS3, Vanilla JavaScript (ES5)
-
UI Enhancements:
- Choices.js for searchable select boxes
- SweetAlert2 for beautiful alerts
PWA: Service Worker for offline caching, Web App Manifest
Fonts: Inter – modern and readable
API:
exchangerate-api.comfor live currency rates
📂 Project Structure
/unit-converter/
├── index.html
├── manifest.json
├── scripts.js
├── styles.css
├── favicon.ico
├── README.md
└── icons/
🚀 Getting Started
Since this is a PWA, opening index.html directly may not work due to Service Worker restrictions. Use a local server instead.
- Clone the repository:
git clone https://github.com/mamedul/unit-converter.git
cd unit-converter
- Run a local server:
- Easiest way: VS Code Live Server extension
- Or using Node.js:
npm install -g http-server
http-server
- Open your browser at
http://localhost:8080.
👨💻 About Me
Hi! I’m Mamedul Islam, a passionate web developer specializing in PWAs, WooCommerce, WordPress, PHP, MySQL, and modern web apps. I’ve been creating digital experiences since 2017.
📬 Connect with me:
I’m open to freelance projects in PWA, E-commerce, Firebase, WebSocket, PHP/MySQL, and more.
📝 License
This project is licensed under the MIT License — free to use, modify, and distribute.
If you enjoy this project, please consider giving it a ⭐ on GitHub! Your support helps keep it growing.
Top comments (0)