Skip to content

divyam751/FetchMaster

Repository files navigation

Fetch-Master

Welcome to Fetch-Master! This project is designed to simplify API requests by allowing users to create and manage different tabs for various requests, making it easier to switch between and compare different APIs. Fetch-Master supports GET, POST, PUT, DELETE, and PATCH requests, and features JSON formatting and error handling.

Deployed Link

Check out the live project here: Fetch-Master

Project Images

Screenshot 2024-07-26 170809

Screenshot 2024-07-26 170917

Screenshot 2024-07-26 170843

Tech Stack

246592111-158c1a83-4117-4202-9068-1ffdc6aca4a1 246592104-3edd403b-9f06-48ac-8d5a-f8512583793a 246592090-b2b0395a-2fc8-4f35-bb96-f09174df359d 246592098-b32e49aa-3f2b-4bce-9adc-23d2bbd9b208

About This Project

Fetch-Master is a user-friendly API testing tool inspired by Postman. It allows users to send various types of HTTP requests (GET, POST, PUT, DELETE, PATCH) and manage multiple tabs to switch between different requests effortlessly.

Features

  1. Multiple Tabs: Users can create, delete, and switch between multiple request tabs.
  2. HTTP Methods: Supports GET, POST, PUT, DELETE, and PATCH methods.
  3. Headers and Body: Easily input headers and request body with JSON support.
  4. JSON Formatting: Automatically format and repair JSON input.
  5. Response Display: View and format JSON responses or errors from API requests.
  6. Loading Indicator: Visual feedback while waiting for API responses.

Components

  • Tabs: Manage multiple requests with easy tab navigation.
  • Request Form: Input fields for URL, HTTP method, headers, and request body.
  • Response Display: Shows the API response or error in a formatted manner.
  • JSON Formatter: Auto-format and repair JSON input.

How to Use

  1. Add a Tab: Click the add button to create a new request tab.
  2. Select Method: Choose the HTTP method from the dropdown.
  3. Enter URL: Input the API endpoint URL.
  4. Add Headers: Optionally add headers, such as authorization tokens.
  5. Add Body: If not a GET request, input the request body in JSON format.
  6. Send Request: Click the send button to execute the request and view the response.
  7. Format JSON: Click the format icon to repair and format JSON input.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.

License

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


Enjoy using Fetch-Master for your API testing needs! If you have any questions or feedback, feel free to reach out.


About

Fetch-Master is a user-friendly API testing tool inspired by Postman

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published