Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mukhtaer/langsync

Langsync is a web application for easy editing and management of JSON data, ideal for translation projects and key-value pairs. Users can add, delete, update items, search values, and download updated JSON files, all while editing multiple files simultaneously.
https://github.com/mukhtaer/langsync

data-manipulation json json-translate key-value-pairs open-source reactjs tailwindcss translation web-development-portfolio webapp

Last synced: 4 days ago
JSON representation

Langsync is a web application for easy editing and management of JSON data, ideal for translation projects and key-value pairs. Users can add, delete, update items, search values, and download updated JSON files, all while editing multiple files simultaneously.

Awesome Lists containing this project

README 

        
# Langsync



## Overview



Langsync is a user-friendly web application designed for efficient editing, updating, and managing JSON data. This application provides a seamless experience for users who need to work with JSON structures, making it easier to add, delete, reset, and download JSON data with enhanced search and pagination features focusing on key-value pairs like language translations, configurations, and more.



## Features



- **New Design for Editing JSON**: A modern and intuitive interface that enhances the user experience while editing JSON data.

- **Add, Delete, and Reset Actions**:

  - **Add**: Easily add new items to your JSON data.

  - **Delete**: Remove existing items from the JSON structure.

  - **Reset**: Restore the JSON data to its original state with a single click.

- **Update JSON Data**: Directly update JSON data within the application without hassle.

- **Download Updated JSON**: Download the modified JSON data in its latest state.

- **Search Specific Values**: Quickly find specific values within the JSON data using the search functionality.

- **Pagination**: Manage large sets of JSON data with pagination for better performance and usability.

- **Toggle Pagination**: Enable or disable pagination based on user preference for flexibility.

- **Responsive Design**: A responsive layout that adapts to various screen sizes for a seamless experience on desktops, tablets, and mobile devices.



## Demo



![Langsync Demo](public/demo.png)

![Langsync Demo 2](public/demo2.png)



## Prerequisites



Make sure you have the following installed on your system:



- [Node.js](https://nodejs.org/) (version 20.16.0 or later)

- [npm](https://www.npmjs.com/) (comes with Node.js)



## Installation



To clone and set up this project, follow these steps:



1. Clone the repository:



   ```bash

   git clone https://github.com/Mukhtaer/langsync.git



   ```



2. Navigate into the project directory:



   ```bash

   cd langsync



   ```



3. Install the required dependencies:



   ```bash

   npm install



   ```



4. Start the development server:



   ```bash

   npm start



   ```



5. Open your browser and visit `http://localhost:3000` to view the application.



## Usage



1. **Editing JSON**: Load your JSON data into the editor. You can add new items, delete existing ones, or update values directly.

2. **Searching Values**: Use the search bar to find specific values within your JSON data.

3. **Managing Data**: Utilize the pagination feature to navigate through large sets of data. You can toggle pagination on or off as needed.

4. **Downloading JSON**: Once you’ve made changes, you can download the updated JSON file for your use.



## Contributing



Contributions are welcome! If you would like to contribute to this project, please fork the repository and create a pull request. Ensure to follow the coding standards and write clear commit messages.



## License



This project is licensed under the MIT License.