Firestore Admin

Firestore Admin

A powerful, user-friendly interface for managing your Firebase Firestore collections

View Demo · Report Bug · Request Feature

✨ Features

• 🔐 Profile Management: Save and manage multiple Firestore configurations. Switch between different projects seamlessly.
• 🌙 Dark Mode: Full dark mode support with system preference detection and manual toggle.
• 📁 Collection Management: Create, load, and manage Firestore collections with an intuitive interface.
• 🔍 Advanced Search & Filtering: Full-text search and custom filters to find documents quickly.
• ✏️ Document Editing: Powerful JSON editor with syntax highlighting and form-based editing.
• 📊 Table View: View and edit documents in a table format with inline editing and column sorting.
• 🔄 Real-time Updates: Changes are reflected immediately in your Firestore database.
• 🎨 Beautiful UI: Clean, modern interface built with React and Tailwind CSS.
• 🎯 Field Management: Reorder fields, apply field order to multiple documents, and maintain consistent document structure.
• 📦 Batch Operations: Update, download, or delete multiple documents simultaneously.
• 💾 Export Options:
  • Download in JSON or CSV format
  • Choose between combined or separate files
  • Automatic timestamp-based filenames
• 🔄 Document Duplication: Clone documents with automatic timestamp suffixes.

🚀 Getting Started

Prerequisites

• Node.js 18.0 or higher
• npm or yarn
• A Firebase project with Firestore enabled

Installation

1. Clone the repository

git clone https://github.com/jezweb/firestore.git
cd firestore

2. Install dependencies

npm install

3. Start the development server

npm run dev

4. Build for production

npm run build

💻 Usage

1. Connect to Firebase

   • Enter your Firebase configuration (either paste the entire config object or enter fields individually)
   • Your configuration is stored securely in your browser's local storage

2. Save Profiles

   • Create profiles to save your Firebase configurations
   • Easily switch between different projects or environments

3. Manage Collections

   • Create new collections or load existing ones
   • Add documents with custom IDs or let Firebase generate them
   • Quick access to collections via the sidebar

4. Work with Documents

   • View, edit, and delete documents
   • Use the JSON editor or form view for editing
   • Advanced search and filtering capabilities
   • Batch update, download, or delete multiple documents

🔒 Security

• Configurations are stored securely in browser's local storage
• Direct communication with Firebase only
• Uses your project's security rules and authentication settings
• No data is sent to external servers

🛠️ Built With

• React - UI Framework
• Vite - Build Tool
• Tailwind CSS - Styling
• Firebase - Backend
• Monaco Editor - Code Editor
• Lucide Icons - Icons

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

👥 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

🌟 Support

If you find this project useful, please consider giving it a star on GitHub! ⭐

📧 Contact

Jezweb - https://www.jezweb.com.au

Project Link: https://github.com/jezweb/firestore

---

Made with ❤️ in Australia by Jezweb