etoolbox

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 114 Open GitHub ↗

Collection of web developer utilities. Technologies: React, AntD, Typescript, Tanstack Query, Zustand

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Web Toolbox

[![standard-readme compliant](https://img.shields.io/badge/readme%20style-standard-brightgreen.svg?style=flat-square)](https://github.com/RichardLitt/standard-readme)
[![TypeScript](https://img.shields.io/badge/TypeScript-5.9-blue.svg?style=flat-square&logo=typescript)](https://www.typescriptlang.org/)
[![Node.js](https://img.shields.io/badge/Node.js-LTS-green.svg?style=flat-square&logo=node.js)](https://nodejs.org/)
[![Vitest](https://img.shields.io/badge/Vitest-4.0-6E9F18.svg?style=flat-square&logo=vitest)](https://vitest.dev/)
[![Bun](https://img.shields.io/badge/Bun-1.3+-000000.svg?style=flat-square&logo=bun)](https://bun.sh/)

Open source collection of web developer utilities.
The web application has been deployed and you can use it [just here!](https://amwebexpert.github.io/etoolbox)

<div align="center">
  <div>Like the project? Don't forget to give it a ⭐️!</div>
  <div>Icon made by: <a href="https://therealjerrylow.com/">Jerry Low</a></div>
</div>

## Features

- Ad-Free Experience
  - Developer utilities with zero advertisements, providing a clean and distraction-free environment
- Privacy First
  - All processing happens directly in your browser. No sensitive data is ever sent to external servers, ensuring complete data privacy and security
- Responsive Design
  - Mobile-first approach with full support for smartphones, tablets, and desktop devices for a seamless experience across all platforms
- Industry Best Practices
  - Serve as an exemplary codebase demonstrating optimal coding patterns, clean architecture, and modern development standards for the industry

| Desktop                                                                | Mobile                                                                       |
| ---------------------------------------------------------------------- | ---------------------------------------------------------------------------- |
| <img alt="Green theme" src="public/screen-captures/screen-home.png" /> | <img alt="Blue theme" src="public/screen-captures/screen-home-mobile.png" /> |

## Development commands

| Script                        | Description                                                                             |
| ----------------------------- | --------------------------------------------------------------------------------------- |
| `bun start`                   | Alias for `bun dev` - starts the development server                                     |
| `bun dev`                     | Starts Vite development server with hot reload                                          |
| `bun run build`               | Builds the production application (cleans dist, generates version, compiles TypeScript) |
| `bun run preview`             | Previews the production build locally (from `dist/`)                                    |
| `bun run deploy`              | Rebuilds the app and moves output to `docs/` for GitHub Pages deployment                |
| `bun run test`                | Runs tests with Vitest                                                                  |
| `bun run lint`                | Runs ESLint on the codebase                                                             |
| `bun run typecheck`           | Runs TypeScript type checking without emitting files                                    |
| `bun run format`              | Formats code with Prettier                                                              |
| `bun run format:check`        | Checks code formatting without making changes                                           |
| `bun run clean:node`          | Removes `node_modules` and `bun.lock` for a fresh install                               |
| `bun run generate:version`    | Generates version information file                                                      |
| `bun run generate:api:client` | Generates API client from OpenAPI specification                                         |
| `bun run postinstall`         | Runs after install: applies patches                                                     |

## Frameworks & Dependencies

| Package                                         | Description                                        |
| ----------------------------------------------- | -------------------------------------------------- |
| [React](https://react.dev/)                     | UI library for building component-based interfaces |
| [TypeScript](https://www.typescriptlang.org/)   | Type-safe JavaScript superset                      |
| [Ant Design](https://ant.design/)               | Enterprise-class UI component library              |
| [TanStack Router](https://tanstack.com/router)  | Type-safe routing for React                        |
| [TanStack Query](https://tanstack.com/query)    | Async state management and data fetching           |
| [Zustand](https://zustand-demo.pmnd.rs/)        | Lightweight state management                       |
| [Immer](https://immerjs.github.io/immer/)       | Immutable state with mutable syntax                |
| [Axios](https://axios-http.com/)                | HTTP client                                        |
| [React Hook Form](https://react-hook-form.com/) | Performant form handling                           |
| [@uidotdev/usehooks](https://usehooks.com/)     | Collection of React hooks                          |

## Development Tools

| Package                                    | Description                     |
| ------------------------------------------ | ------------------------------- |
| [Vite (Rolldown)](https://rolldown.rs/)    | Next-generation fast build tool |
| [Vitest](https://vitest.dev/)              | Unit testing framework          |
| [ESLint](https://eslint.org/)              | JavaScript/TypeScript linting   |
| [Prettier](https://prettier.io/)           | Code formatting                 |
| [Husky](https://typicode.github.io/husky/) | Git hooks management            |
| [Commitlint](https://commitlint.js.org/)   | Commit message linting          |

## Technical Notes

- [Technical notes](./TECH_NOTES.md)

## License

This project is licensed under the MIT license. For more information see [`LICENSE`](./LICENSE) file.

## Contributing & Community Guidelines

We value **technical excellence and human respect equally**. To ensure a welcoming and productive environment for all contributors, please review the following resources:

| Resource                                                                                                                                                       | Description                                                           |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------- |
| [Code of Conduct](./CODE_OF_CONDUCT.md)                                                                                                                        | Our pledge for a respectful, inclusive, and collaborative environment |
| [Contributing Guide](./CONTRIBUTING.md)                                                                                                                        | How to get started, project conventions, and pull request guidelines  |
| [Coding Guidelines](https://github.com/amwebexpert/chrome-extensions-collection/blob/master/packages/coding-guide-helper/public/markdowns/table-of-content.md) | Best practices for clean, maintainable, and scalable code             |

Adhering to established coding guidelines is essential for developing efficient, maintainable, and scalable software. These guidelines promote consistency across the codebase, making it easier for teams to collaborate and for new developers to understand existing code.

etoolbox

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

etoolbox

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README