Dev Peek 2.0

Dev Peek is a powerful, developer-friendly browser extension that brings Figma-like design and inspection capabilities directly to your web page. It provides a seamless way to inspect and edit UI elements in real-time, displaying an overlay and a draggable editor panel with detailed information and live editing tools.

---

Features

• Inspect Mode: Activate a powerful inspect mode that highlights elements on hover
• Draggable Editor Panel: A floating panel that can be moved anywhere on the screen to prevent obstruction.
• Live Text and Style Editing: Edit text content, colors, background, font size, margin, and padding in real-time.
• Advanced Color Picker: Includes an eyedropper tool to sample colors directly from the page.
• Accessibility Insights: Displays ARIA roles and color contrast ratios to help you build more accessible websites.
• Modern UI: A clean, minimalist interface that feels right at home in your browser.

---

Installation

1. Clone this repository:

   git clone https://github.com/sempijja/Dev-Peek
   cd Dev-Peek

2. Open your browser and navigate to the extensions page (e.g., chrome://extensions/ or edge://extensions/).

3. Enable "Developer mode".

4. Click "Load unpacked" and select the cloned Dev-Peek directory.

---

Contributing

We welcome contributions to Dev Peek! Here’s how you can contribute:

Bug Reports and Feature Requests

1. Navigate to the Issues tab on GitHub.
2. Open a new issue and provide:
   • A clear title.
   • Steps to reproduce (for bugs).
   • Suggested features or enhancements (for feature requests).

Code Contributions

1. Fork the Repository: Click on the fork button at the top-right corner of this repository.
2. Clone Your Fork:

   git clone https://github.com/YOUR_USERNAME/Dev-Peek

3. Create a New Branch:

   git checkout -b feature/your-feature-name

4. Make Changes: Implement your changes locally.
5. Test Your Changes: Ensure the extension works as expected.
6. Commit and Push:

   git add .
   git commit -m "Add feature: your-feature-name"
   git push origin feature/your-feature-name

7. Open a Pull Request:
   • Go to the original repository.
   • Click on Pull Requests > New Pull Request.
   • Provide a detailed description of your changes and submit.

License

This project is licensed under the MIT License.

---

Contact

For questions or feedback, feel free to reach out to:

• Author: Ssempijja Charles (Charz)

Happy coding! 😊