YAML ↔ JSON Converter

A simple web-based tool to convert YAML to JSON and vice versa. This app is built using React and runs in the browser. It provides an easy-to-use interface with two text areas, where you can paste your YAML or JSON data and convert it between formats with just a click!

Features

• YAML ↔ JSON Conversion: Convert YAML to JSON and vice versa.
• Dark Mode: Toggle between light and dark modes for better readability.
• Tab Support: Properly inserts spaces when pressing the "Tab" key inside text areas.
• Simple and Intuitive UI: Easy to use with a clean interface.
• Deploy Easily: npm run build and npm run deploy

Live Demo

You can try the live demo of this tool at Github Page: Yaml Json Converter

Installation

To run the tool locally:

1. Clone the repository:

git clone https://github.com/doctorlai/yaml-json-converter.git
cd yaml-json-converter

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Tests:

## or simply: npm test
npm run test

5. Test coverage:

npm run coverage

6. Format Code:

npm run format
## Fix the code style automatically
npm run format:fix

6. Visit http://localhost:5173/yaml-json-converter/ to start using the tool locally.

Usage

1. Enter YAML data in the YAML input box.
2. Click "Convert to JSON →" to convert the YAML to JSON.
3. Enter JSON data in the JSON input box.
4. Click "← Convert to YAML" to convert the JSON to YAML.

You can also switch between Light Mode and Dark Mode by clicking the button on the top right corner.

Contributing

Feel free to fork this project and submit issues or pull requests for improvements!

1. Fork the repository.
2. Create a feature branch: git checkout -b feature-branch.
3. Commit your changes: git commit -am 'Add new feature'.
4. Push to the branch: git push origin feature-branch.
5. Open a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Documentation

Here is the AI generated wiki

Acknowledgments

• Built with ❤️ by @justyy.
• Initial Boilerplate code contributed by ChatGPT-4o and o4-mini.
• If you found this tool useful, consider buying me a coffee.