https://github.com/debojit-mitra/prettyjson
PrettyJson is a fast and lightweight JSON formatter and beautifier for clean, readable data.
https://github.com/debojit-mitra/prettyjson
json json-formatter json-viewer jsonviewer mui-material nextjs
Last synced: about 2 months ago
JSON representation
PrettyJson is a fast and lightweight JSON formatter and beautifier for clean, readable data.
- Host: GitHub
- URL: https://github.com/debojit-mitra/prettyjson
- Owner: Debojit-mitra
- License: mit
- Created: 2025-03-29T20:13:54.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-29T20:28:40.000Z (about 1 year ago)
- Last Synced: 2025-03-29T20:30:04.677Z (about 1 year ago)
- Topics: json, json-formatter, json-viewer, jsonviewer, mui-material, nextjs
- Language: JavaScript
- Homepage: https://debojit-mitra.github.io/PrettyJson/
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# PrettyJson
### A modern, beautiful JSON formatting tool built with Next.js and Material UI.
## 🌟 Features
- **Tree View & Syntax Highlighting** - Interactive navigation with color-coded elements
- **Validation** - Real-time error detection with position indicators
- **Dark/Light Mode** - Theme switching for comfortable viewing
- **Import/Export** - File upload, download, and clipboard integration
- **Responsive Design** - Optimized for all device sizes
## 🚀 Getting Started
### Prerequisites
- Node.js 14.x or higher
- npm or yarn
### Installation
1. Clone the repository:
```bash
git clone https://github.com/Debojit-mitra/PrettyJson.git
cd prettyjson
```
2. Install dependencies:
```bash
npm install
# or
yarn install
```
3. Run the development server:
```bash
npm run dev
# or
yarn dev
```
4. Open [http://localhost:3000](http://localhost:3000) with your browser to see the application.
## 🛠️ Tech Stack
- **Framework**: [Next.js](https://nextjs.org/)
- **UI Library**: [Material UI](https://mui.com/)
- **Animations**: [Framer Motion](https://www.framer.com/motion/)
## Support Me
If you find it useful, consider giving it a star ⭐. It helps others discover it too.
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add some amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request
## 📝 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE.md) file for details.
## 🙏 Acknowledgements
- [Material UI](https://mui.com/) for the beautiful component library
- [Framer Motion](https://www.framer.com/motion/) for smooth animations
- [Next.js](https://nextjs.org/) for the React framework
---
Made with ❤️ by Debojit