https://github.com/morinokami/devtoysweb
DevToys on the web.
https://github.com/morinokami/devtoysweb
devtoys nextjs
Last synced: 7 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 (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-11-29T08:06:41.000Z (almost 2 years ago)
- Last Synced: 2025-03-18T21:15:50.837Z (8 months ago)
- Topics: devtoys, nextjs
- Language: TypeScript
- Homepage: https://devtoys.vercel.app
- Size: 2.86 MB
- Stars: 12
- Watchers: 2
- Forks: 4
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# DevToysWeb
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!