{"id":21838719,"url":"https://github.com/thatbeautifuldream/jsonvisualiser","last_synced_at":"2025-06-20T22:39:19.697Z","repository":{"id":260004512,"uuid":"864906751","full_name":"thatbeautifuldream/jsonvisualiser","owner":"thatbeautifuldream","description":"JSON Visualiser","archived":false,"fork":false,"pushed_at":"2025-03-13T03:02:20.000Z","size":844,"stargazers_count":7,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-27T23:51:05.443Z","etag":null,"topics":["json-visualiser","json-viz","side-project"],"latest_commit_sha":null,"homepage":"https://jsonvisualiser.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/thatbeautifuldream.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-29T13:41:11.000Z","updated_at":"2025-03-13T05:49:46.000Z","dependencies_parsed_at":"2024-11-27T21:13:24.771Z","dependency_job_id":"5e3e9408-134b-4077-8c14-81af99e2fb2f","html_url":"https://github.com/thatbeautifuldream/jsonvisualiser","commit_stats":null,"previous_names":["thatbeautifuldream/json-visualizer","thatbeautifuldream/jsonvisualiser"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thatbeautifuldream%2Fjsonvisualiser","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thatbeautifuldream%2Fjsonvisualiser/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thatbeautifuldream%2Fjsonvisualiser/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thatbeautifuldream%2Fjsonvisualiser/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thatbeautifuldream","download_url":"https://codeload.github.com/thatbeautifuldream/jsonvisualiser/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248863633,"owners_count":21174043,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["json-visualiser","json-viz","side-project"],"created_at":"2024-11-27T21:13:50.855Z","updated_at":"2025-04-14T10:35:54.522Z","avatar_url":"https://github.com/thatbeautifuldream.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# JSON Visualiser\n\nAn application for visualising, sharing, and analyzing JSON data with multiple viewing modes and AI-powered explanations.\n\n\u003e Light Mode\n\u003cimg width=\"864\" alt=\"image\" src=\"https://github.com/user-attachments/assets/e038b166-1187-45fb-ab2e-95fae2223742\" /\u003e\n\n\u003e Dark Mode\n\u003cimg width=\"864\" alt=\"image\" src=\"https://github.com/user-attachments/assets/b1d2e01d-6385-4ec6-bcc7-fa1657765f29\" /\u003e\n\n## Features\n\n- 🎯 **Multiple Visualisation Modes**\n\n  - Raw Input: Edit and validate JSON with syntax highlighting\n\n\u003cimg width=\"1205\" alt=\"image\" src=\"https://github.com/user-attachments/assets/09cfbc08-6d96-4e9a-92fb-f6a39b266a0a\"\u003e\n\n  - Tree View: Hierarchical representation of JSON data\n\n\u003cimg width=\"1205\" alt=\"Screenshot 2024-11-06 at 9 19 19 AM\" src=\"https://github.com/user-attachments/assets/1cc043e6-d8df-41b2-a02a-eaf0fb3d5534\"\u003e\n\n  - Grid View: Tabular view for array-based JSON\n\n\u003cimg width=\"1205\" alt=\"Screenshot 2024-11-06 at 9 19 28 AM\" src=\"https://github.com/user-attachments/assets/2854ad53-b62c-420a-a33a-9c59f1974275\"\u003e\n\n  - AI Analysis: Get AI-powered explanations of your JSON structure\n\n- 🔄 **Real-time Validation**\n\n  - Instant JSON syntax validation\n  - Clear error messages for debugging\n\n- 🌓 **Dark/Light Mode**\n\n  - Automatic theme detection\n  - Manual theme toggle\n\n- 📤 **Sharing Capabilities**\n\n  - Generate shareable links for JSON snippets\n  - View shared JSON with metadata\n\n\u003cimg width=\"1205\" alt=\"Screenshot 2024-11-06 at 9 19 48 AM\" src=\"https://github.com/user-attachments/assets/073f219f-cad1-4467-b35e-73442a38dc2b\"\u003e\n\n\u003cimg width=\"1205\" alt=\"Screenshot 2024-11-06 at 9 20 11 AM\" src=\"https://github.com/user-attachments/assets/30499df8-8ed1-43fa-8848-095394573563\"\u003e\n\n## Tech Stack\n\n- **Framework**: Next.js 15\n- **Language**: TypeScript\n- **Styling**: Tailwind CSS\n- **UI Components**: Shadcn UI\n- **Database**: PostgreSQL\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js 20+\n- pnpm (recommended) or npm\n- PostgreSQL database\n\n### Installation\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/thatbeautifuldream/json-visualizer.git --depth 1\ncd json-visualizer\n```\n\n2. Install dependencies:\n\n```bash\npnpm install\n# or\nnpm install\n```\n\n3. Set up environment variables:\n\nCreate a `.env` file in the root directory with the following variables:\n\n```env\n# Database\nDATABASE_URL=\"postgresql://postgres:postgres@localhost:5432/json_visualizer\"\nADMIN_KEY=\"your-super-secret-admin-key\"\n```\n\n4. Start the development server:\n\n```bash\npnpm dev\n# or\nnpm run dev\n```\n\nThe application will be available at `http://localhost:3000`.\n\n## Database Setup\n\n1. Ensure PostgreSQL is installed and running\n2. Create a new database:\n\n```sql\nCREATE DATABASE json_visualizer;\n```\n\n3. To create the tables, run the following command:\n\n```bash\npnpm db:push\n```\n\n## Production Deployment\n\n1. Build the application:\n\n```bash\npnpm build\n# or\nnpm run build\n```\n\n2. Start the production server:\n\n```bash\npnpm start\n# or\nnpm start\n```\n\n## Contributing\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthatbeautifuldream%2Fjsonvisualiser","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthatbeautifuldream%2Fjsonvisualiser","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthatbeautifuldream%2Fjsonvisualiser/lists"}