API Console (React)

A modern, API testing tool built using React.
It allows developers to send HTTP requests, customize headers and body, and view formatted responses in a clean UI.

---

Features

• 🔹 Send HTTP requests (GET, POST, PUT, DELETE)
• 🔹 Add custom headers (Authorization, tokens, etc.)
• 🔹 Send JSON request body
• 🔹 View formatted JSON response
• 🔹 Display HTTP status codes
• 🔹 Copy response to clipboard
• 🔹 Tab-based UI (Body / Headers)
• 🔹 Error handling for invalid requests & JSON

---

Live Demo

https://api-console-react.netlify.app/

---

Tech Stack

• Frontend: React.js
• Language: JavaScript (ES6+)
• API Handling: Fetch API
• Styling: Inline CSS

---

How It Works

1. Enter an API endpoint URL
2. Select HTTP method (GET, POST, PUT, DELETE)
3. Add request body (for POST/PUT)
4. Add headers if required
5. Click Send
6. View response + status instantly

---

Getting Started

1. Clone the repository

git clone https://github.com/pragyaverma5/api-console-react.git
cd api-console-react