https://github.com/morinokami/devtoysweb

DevToys on the web.
https://github.com/morinokami/devtoysweb

devtoys nextjs

Last synced: 2 months ago
JSON representation

DevToys on the web.

• Host: GitHub
• URL: https://github.com/morinokami/devtoysweb
• Owner: morinokami
• License: mit
• Created: 2022-02-03T17:21:59.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-11-29T08:06:41.000Z (about 1 year ago)
• Last Synced: 2024-10-13T11:09:33.897Z (3 months ago)
• Topics: devtoys, nextjs
• Language: TypeScript
• Homepage: https://devtoys.vercel.app
• Size: 2.86 MB
• Stars: 12
• Watchers: 3
• Forks: 3
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# DevToysWeb

![DevToysWeb](./screenshot.png)

This is yet another version of [DevToys](https://github.com/veler/DevToys). It is built with [Next.js](https://nextjs.org/) and you can access it from the following URL:

https://devtoys.vercel.app

It is being developed with the following goals in mind:

* It should work on any OS by running on the web.

  * At the same time, it should work in a completely offline environment as a PWA.

* It should have almost the same functionality and appearance as the original.

  * Support for dark mode and i18n is also important.

Therefore, I'm currently planning to follow the original project in the future development.

## Development Status

* Converters

  * ✅ JSON <> YAML

  * ✅ Number Base

* Encoders / Decoders

  * ✅ HTML

  * ✅ URL

  * ✅ Base64

  * ✅ GZip

  * ✅ JWT Decoder

* Formatters

  * ✅ JSON

  * ✅ SQL

  * ✅ XML

* Generators

  * ✅ Hash (MD5, SHA1, SHA256, SHA512)

  * ✅ UUID 1 and 4

  * ✅ Lorem Ipsum

  * 🚧 Checksum

* Text

  * ✅ Inspector & Case Converter

  * 🚧 Regex Tester

  * 🚧 Text Comparer

  * ✅ Markdown Preview

* Graphic

  * 🚧 Color Blindness Simulator

  * 🚧 PNG / JPEG Compressor

  * 🚧 Image Converter

## Translation

1. Create a directory for the new locale in `data/locales` and copy all files in `data/locales/en` to it.

2. Update the value of the `localePath` variable in `nav.ts` and translate the strings in `messages.ts` and `nav.ts`.

3. Add a case for the new locale in `hooks/useLocale.ts`.

4. Add a value for the new locale to `languageOptions` variable in `pages/settings`.tsx

## Development

First, install the packages using the following command:

```

npm install

```

Run the development server:

```

npm run dev

```

Open http://localhost:3000 in your favorite browser and start developing!