https://github.com/jain-pranjal/json-bro
JSON Bro is a web application designed to help users manage and interact with JSON data efficiently. The application provides a user-friendly interface for viewing, editing, and organizing JSON data, making it an essential tool for developers and data analysts.
https://github.com/jain-pranjal/json-bro
api json nextjs rest-api shadcn-ui
Last synced: about 2 months ago
JSON representation
JSON Bro is a web application designed to help users manage and interact with JSON data efficiently. The application provides a user-friendly interface for viewing, editing, and organizing JSON data, making it an essential tool for developers and data analysts.
- Host: GitHub
- URL: https://github.com/jain-pranjal/json-bro
- Owner: Jain-Pranjal
- License: mit
- Created: 2024-09-07T18:34:06.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2025-09-05T12:40:38.000Z (10 months ago)
- Last Synced: 2025-09-05T14:24:31.890Z (10 months ago)
- Topics: api, json, nextjs, rest-api, shadcn-ui
- Language: TypeScript
- Homepage: https://json-bro.vercel.app
- Size: 362 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# JSON-Bro
A powerful and user-friendly fake JSON API designed for testing and prototyping. Built with Next.js, it provides realistic JSON responses for frontend development without needing a backend server.
## Features
- **Fake API Responses**: Generate realistic JSON data for common endpoints
- **Pagination Support**: Query parameters for `limit` and `skip`
- **Multiple Endpoints**: Users, posts, comments, products, todos, quotes, recipes, and carts
- **Free & Unlimited**: No registration or rate limits
- **Modern UI**: Clean web interface with documentation pages
### API Endpoints
Base URL: `https://json-bro.vercel.app/api` (or `http://localhost:3000/api` locally)
#### Users
- `GET /users` - Get all users
- `GET /users/:id` - Get user by ID
#### Posts
- `GET /posts` - Get all posts
- `GET /posts/:id` - Get post by ID
#### Comments
- `GET /comments` - Get all comments
- `GET /comments/:id` - Get comment by ID
#### Products
- `GET /products` - Get all products
- `GET /products/:id` - Get product by ID
#### Todos
- `GET /todos` - Get all todos
- `GET /todos/:id` - Get todo by ID
#### Quotes
- `GET /quotes` - Get all quotes
- `GET /quotes/:id` - Get quote by ID
#### Recipes
- `GET /recipes` - Get all recipes
- `GET /recipes/:id` - Get recipe by ID
#### Carts
- `GET /carts` - Get all carts
- `GET /carts/:id` - Get cart by ID
### Query Parameters
- `limit`: Number of items to return (default: 30)
- `skip`: Number of items to skip (default: 0)
Example: `GET /api/posts?limit=5&skip=10`
## Tech Stack
- **Framework**: Next.js 14
- **Language**: TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: Radix UI
- **Icons**: Lucide React
- **Particles**: TS Particles
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
This project is open source and available under the [MIT License](LICENSE).
## Author
Pranjal Jain - [pranjalworkon@gmail.com](mailto:pranjalworkon@gmail.com)