refactor: update README with new branding and enhanced features

Author: mcnaveen

README.md

@@ -1,74 +1,135 @@
-# JSON Viewer Browser Extension
+# JSON Pilot ✈️
 
-A powerful browser extension for viewing, formatting, and exploring JSON content in your browser. Works with both Chrome and Firefox.
+![JSON Pilot](cover.png)
 
-## Features
+A powerful browser extension for viewing, formatting, and exploring JSON content in your browser. Transform raw JSON data into an interactive, beautifully formatted tree view with powerful exploration features.
 
-- 🎨 Automatic JSON detection and formatting
-- 🌳 Collapsible and expandable JSON tree view
-- 🔍 Search within JSON content
-- 📋 Copy JSON paths and values
-- 🎭 Light/Dark theme support
-- 🗺️ Optional minimap for navigation
-- 🔧 Customizable initial expansion depth
-- ⚡ Performance optimized for large JSON files
+## ✨ Features
 
-## Installation
+- 🎨 **Beautiful Interface**: Clean, modern design with intuitive controls
+- 🌗 **Theme Support**: Switch between light and dark themes
+- 🔍 **Interactive Exploration**: 
+  - Expand/collapse nodes
+  - Click to select nodes
+  - Copy JSON paths
+  - Copy selected values
+- 🎯 **Path Navigation**: Visual path display for selected nodes
+- 🚀 **Performance Optimized**: Handles large JSON files with ease
+- 💡 **Smart Detection**: Automatically detects and formats JSON content
+- 🛡️ **Privacy Focused**: All processing happens locally in your browser
+- 🔒 **Secure**: No external servers, no data collection
 
-### Chrome
-1. Clone this repository
+## 🚀 Quick Start
+
+### Chrome Installation
+1. Download the latest release from [GitHub Releases](https://github.com/7angle/json-pilot/releases)
 2. Open Chrome and navigate to `chrome://extensions`
 3. Enable "Developer mode" in the top right
 4. Click "Load unpacked" and select the extension directory
 
-### Firefox
-1. Clone this repository
+### Firefox Installation
+1. Download the latest release from [GitHub Releases](https://github.com/7angle/json-pilot/releases)
 2. Open Firefox and navigate to `about:debugging`
 3. Click "This Firefox" in the sidebar
 4. Click "Load Temporary Add-on" and select the `manifest.json` file
 
-## Development
+## 💻 Development
 
 ### Prerequisites
+- Node.js 16.x or higher
+- npm 7.x or higher
 - Modern web browser (Chrome 88+ or Firefox 109+)
-- Basic understanding of web technologies
+
+### Setup
+```bash
+# Clone the repository
+git clone https://github.com/7angle/json-pilot.git
+
+# Navigate to project directory
+cd json-pilot
+
+# Install dependencies
+npm install
+
+# Start development server
+npm run dev
+
+# Build for production
+npm run build
+```
 
 ### Project Structure
 ```
-json-viewer/
+json-pilot/
+├── src/                # Source code
+│   ├── App.vue        # Main application component
+│   ├── components/    # Vue components
+│   └── main.js        # Application entry point
+├── public/            # Static assets
 ├── manifest.json      # Extension manifest
-├── background.js     # Background script
-├── content.js        # Content script
-├── viewer.html       # JSON viewer interface
-├── viewer.css        # Styles for the viewer
-├── viewer.js         # Viewer functionality
-└── icons/           # Extension icons
+├── background.js      # Background script
+├── content.js         # Content script
+└── vite.config.js     # Vite configuration
 ```
 
-### Building
-No build step required! The extension can be loaded directly into browsers in development mode.
+## 🎯 Usage
+
+1. **View JSON**: Navigate to any URL that returns JSON content
+   - The extension automatically detects and formats JSON
+   - Raw JSON text is also transformed into the viewer
+
+2. **Interact with JSON**:
+   - Click the expand/collapse icons to explore nested objects
+   - Click on any value to select it
+   - Use the copy button to copy selected JSON
+   - Toggle between light and dark themes
 
-## Usage
+3. **Navigation**:
+   - Use the path display to understand your location in the JSON structure
+   - Click the expand/collapse all button to quickly view or hide all nodes
 
-1. Navigate to any URL that returns JSON content
-2. The extension will automatically detect and format the JSON
-3. Use the toolbar to:
-   - Expand/collapse nodes
-   - Search within the JSON
-   - Copy JSON paths
-   - Toggle dark/light theme
-   - Show/hide minimap
-4. Click on any value to copy it
-5. Hover over objects to see their full path
+## 🤝 Contributing
 
-## Contributing
+We welcome contributions! Here's how you can help:
 
 1. Fork the repository
-2. Create your feature branch (`git checkout -b feature/amazing-feature`)
-3. Commit your changes (`git commit -m 'feat: add amazing feature'`)
-4. Push to the branch (`git push origin feature/amazing-feature`)
+2. Create your feature branch:
+   ```bash
+   git checkout -b feature/amazing-feature
+   ```
+3. Commit your changes:
+   ```bash
+   git commit -m 'feat: add amazing feature'
+   ```
+4. Push to the branch:
+   ```bash
+   git push origin feature/amazing-feature
+   ```
 5. Open a Pull Request
 
-## License
+Please read our [Contributing Guide](CONTRIBUTING.md) for details on our code of conduct and development process.
+
+## 📜 License
+
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+
+## 🔒 Privacy
+
+JSON Pilot takes your privacy seriously. All JSON processing happens locally in your browser - no data is ever sent to external servers. Read our [Privacy Policy](PRIVACY.md) for more details.
+
+## 📞 Support
+
+- 📧 Email: hello@7angle.com
+- 🐛 Issues: [GitHub Issues](https://github.com/7angle/json-pilot/issues)
+- 📦 Releases: [GitHub Releases](https://github.com/7angle/json-pilot/releases)
+
+## ⭐ Show Your Support
+
+If you find JSON Pilot helpful, please consider:
+- Starring the repository
+- Sharing it with others
+- [Reporting issues](https://github.com/7angle/json-pilot/issues) if you find any
+- Contributing to the project
 
-This project is licensed under the MIT License - see the LICENSE file for details. 
+---
+Made with ❤️ by [7 Angle](https://7angle.com)