This intuitive Chrome extension provides an easy-to-use drawer interface, enabling users to effortlessly interact with website's local databases. It offers efficient and secure access to various types of browser storage mechanisms, making it an ideal tool for developers who need quick database interactions. Simplify your web-based database tasks with IDB CRUD – your comprehensive solution for on-the-go database management.
- Beautiful and modern UI with drawer interface
- Table format data viewing with advanced features
- Comprehensive CRUD operations (Create, Read, Update, Delete)
- Advanced sorting and filtering capabilities
- Customizable column visibility
- Data export and import functionality
- Modern component architecture ready for multiple storage types
- Preact - Fast 3kB alternative to React with the same modern API
- CRXJS - Chrome Extension development tools
- Dexie - A powerful wrapper for IndexedDB
- Tailwind CSS - Utility-first CSS framework
- @preact/signals - Fine-grained reactivity system
- TanStack Table - Headless UI for building powerful tables
- Radix UI - Unstyled, accessible UI components
- Shadcn/ui - Re-usable components built with Radix UI and Tailwind
- react-json-view - JSON viewer component
- react-resizable-panels - Resizable panel groups
To install the Database Manager extension, follow these steps:
- Clone the repository to your local machine:
git clone https://github.com/usmanharoon98/idb-crud - Run
pnpm installthenpnpm build - Navigate to
chrome://extensionsin your Chrome browser - Enable Developer Mode by toggling the switch at the top-right corner
- Click on "Load unpacked" and select the directory where you cloned the repository, choosing the
distfolder created bypnpm build
Fork the Project
- Feature branches:
feature/*git checkout -b feature/add-local-storage
- Bug fix branches:
fix/*git checkout -b fix/table-sorting
All commits MUST follow this format:
<gitmoji> type: subject
[optional body]
✨ feat: add local storage support
🐛 fix: resolve table sorting issue
📝 docs: update installation guide- Create your Feature Branch
git checkout -b feature/YOUR-BRANCH-NAMEfrom themainbranch - Push to the Branch
git push origin feature/YOUR-BRANCH-NAME - Open a Pull Request against the
mainbranch
This project is licensed under the GNU General Public v3.0 - Any forks or derivatives must remain open-source under the same license. See the LICENSE file for more details.