Your all-in-one, open-source developer toolkit — fast, private, and beautiful.
🌐 Live App • ✨ Features • 🚀 Get Started • 🤝 Contribute
Most developer tools are scattered across dozens of tabs, riddled with ads, or send your data to unknown servers. MyDevTools changes that:
- ⚡ Client-side processing — Your data never leaves your browser
- 🔒 Privacy-first — No tracking, no analytics on your data, no ads
- 🎨 Premium UI — Dark/light mode, smooth animations, responsive design
- 💯 Free & open source — Forever. Built with ❤️ by the community
| Tool | Description |
|---|---|
| 📡 API Client | Test & debug REST APIs with a Postman-like interface — headers, params, body, and response inspection |
| 🗄️ NoSQL Explorer | Connect to and explore MongoDB databases with a visual query builder and data viewer |
| 📧 Email Validator | Validate email address format and structure instantly |
| Tool | Description |
|---|---|
| ✅ Task Manager | Organize tasks with priorities, drag-and-drop reordering, and progress tracking |
| 📓 Notes | Rich-text note-taking powered by Tiptap — headings, lists, code blocks, images & more |
| 🔐 Password Manager | Store passwords securely with client-side encryption. Your vault, your keys |
| 🔖 Bookmarks | Save, organize, and manage your favorite links in one central place |
| Layer | Technology |
|---|---|
| Framework | Next.js 16 (App Router, Turbopack) |
| Language | TypeScript 5.7 |
| Styling | Tailwind CSS 3.4 + Shadcn UI |
| State | Zustand |
| Editors | Monaco Editor · Tiptap |
| Animations | Framer Motion |
| Backend | Firebase (Auth, Firestore, Storage) |
| Analytics | Vercel Analytics + Speed Insights |
| Drag & Drop | dnd-kit |
- Node.js ≥ 18
- pnpm (recommended) or npm
# Clone the repository
git clone https://github.com/itsmeakhil/mydevtools.tech.git
cd mydevtools.tech
# Install dependencies
pnpm install
# Set up environment variables
cp .env.example .env
# Fill in your Firebase credentials
# Start the development server
pnpm devThe app will be running at http://localhost:3000 🎉
| Command | Description |
|---|---|
pnpm dev |
Start dev server with Turbopack |
pnpm build |
Create production build |
pnpm start |
Start production server |
pnpm lint |
Run ESLint |
pnpm clean-install |
Fresh install of dependencies |
mydevtools.tech/
├── src/
│ ├── app/ # Next.js App Router pages
│ │ ├── app/ # All tool pages
│ │ │ ├── api-client/
│ │ │ ├── bookmarks/
│ │ │ ├── email-validator/
│ │ │ ├── nosql-explorer/
│ │ │ ├── notes/
│ │ │ ├── password-manager/
│ │ │ └── to-do/
│ │ ├── dashboard/ # User dashboard
│ │ └── login/ # Authentication
│ ├── components/ # Reusable UI components
│ ├── hooks/ # Custom React hooks
│ ├── lib/ # Utility libraries
│ ├── store/ # Zustand state stores
│ └── utils/ # Helper functions
├── public/ # Static assets
└── components/ # Shadcn UI components
Contributions are welcome! Whether it's a bug fix, new feature, or documentation improvement — we'd love your help.
- Fork the repository
- Create your feature branch:
git checkout -b feature/amazing-feature - Commit your changes:
git commit -m 'Add amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request
Have an idea? We'd love to hear it! → Submit a Feature Request
If you find MyDevTools useful, consider giving it a star on GitHub — it helps others discover the project!
Distributed under the GPL 3.0 License. See LICENSE for details.
Made with ❤️ by Akhil and contributors