Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jayrichh/afbuddy

AfBuddy is a browser extension that streamlines versitle web development, offering a suite of tools and interfaces built with TypeScript, React, and Vue
https://github.com/jayrichh/afbuddy

development development-tools framework react tools typescript vue

Last synced: 24 days ago
JSON representation

AfBuddy is a browser extension that streamlines versitle web development, offering a suite of tools and interfaces built with TypeScript, React, and Vue

Awesome Lists containing this project

README

        



![image](https://github.com/JayRichh/afbuddy/assets/18374849/0ccc2929-b62f-40d5-905d-b1826e10f0b5)



image
AF Buddy: The Appframe developers toolkit.

[![Features](https://img.shields.io/badge/%20Features%20-%20Web%20Styling%20|%20Themes%20|%20Save/Load%20Snippets%20|%20User--Agents%20|%20Geolocation-007bff?style=flat-square&logo=features&logoColor=white)](link-to-features)

[![Stack](https://img.shields.io/badge/%20Tech%20-%20React%20|%20Vue%20|%20TypeScript-4caf50?style=flat-square&logo=technology&logoColor=white)](link-to-technologies)

[![Languages](https://img.shields.io/badge/%20Languages%20-%20English%20|%20Norwegian-ffeb3b?style=flat-square&logo=languages&logoColor=black)](link-to-languages)

[![Awards](https://img.shields.io/badge/%20Awards%20-%20Best%20Development%20Buddy%20|%20Rubber%20Duck-gold?style=flat-square&logo=award&logoColor=black)](link-to-award)

## Introduction

AF Buddy offers a suite of web tools to enhance the development experience and to build reliable and versitile web apps. It's designed with modern technologies, ensuring a robust and seamless experience.

Note: Project in development. Currently only 60% of the time, it works every time. 🤷‍♂️

🛠️ Features

- **Web Tools**:

- **CodeControls**: Save, load, and manage code snippets with history panel.
- **Geolocation**: Manually set or use browser's default geolocation settings.
- **Json**: In-app JSON editor with auto-formatting.
- **UserAgents**: Select from predefined user agents or use default.
- ~**CustomSnippets**: Create your own code snippets.~
- ~**Clipboard**: Capture copy/paste events, save/ load with congiruable store.~

- **Tab Management**:
- **TabManager**: Manage Chrome tabs with adjustable limits and auto-close unused ones.
Exclude key tabs to avoid errors. Customize filters for control.
- ~**TabSearch**: Search through open tabs and quickly navigate to them.~
- **Compatibility**:

- Seamless integration across all URLs, browsers, and devices.

- **Customization**:

- **ThemeSelector**: Instantly switch between available themes. Fine-tune layouts and preferences.
- **Formatting**: Customize monaco-editor tab width spacing.
- **Layout**: Customize the window layout.
- **CustomThemes**: Craft your own unique themes.
- **FontSelector**: Choose from a diverse range of fonts.
- ~**IntelliSense**: Adjust and control sentivity or active focus to the IntelliSense dropdown.~

- **Navigation**:

- Dynamic navigation bar adapts to user activity for quick tool access.

- **Multi-Language & Info**:

- **Info**: Provides app functionalities and supports English and Norwegian languages.

- **User Interactivity**:
- **Tooltip**: Informative tooltips on hover for specific elements.

## Note

This is a personal project, developed independently with the aim of enhancing the development experience.