🚀 XHttpClient - API Request & Response Tester

📌 Overview

XHttpClient is a simple and powerful web application designed to test and send HTTP requests, and view responses in real-time. Perfect for developers, testers, and anyone working with APIs. It provides an intuitive interface to send GET, POST, PUT, DELETE requests, manage headers, and view structured JSON responses.

---

🛠️ Features

• Send HTTP Requests: Test GET, POST, PUT, DELETE requests with any URL.
• Customizable Headers: Easily add and modify HTTP headers for each request.
• Real-Time Responses: View the response body, status code, and time.
• JSON Formatting: Automatically format JSON responses for easy viewing.
• Modern UI: Clean, user-friendly design built with Tailwind CSS.

---

💻 Technologies Used

• Vite: Fast development and build tool for modern web applications.
• TypeScript: Statically typed language for enhanced productivity and error-checking.
• Tailwind CSS: Utility-first CSS framework for fast and responsive design.

---

⚡ Getting Started

1. Clone the repository

git clone https://github.com/pradeepkumarverma1/x-http-client
cd x-http-client

2. Install dependencies

Make sure you have Node.js installed. Then, install the required dependencies using npm:

npm install

3. Start the development server

Run the app in development mode:

npm run dev

This will start the app locally at http://localhost:5173.

---

🌐 Deployment

To deploy your application, build the project with the following command:

npm run build

You can then deploy the contents of the dist folder to your preferred hosting platform, such as Vercel, Netlify, or GitHub Pages.

---

🧑‍💻 Usage

1. Enter URL: Input the API endpoint URL in the "Request URL" field.
2. Select Method: Choose the HTTP method (GET, POST, PUT, DELETE).
3. Add Headers: Add custom headers to the request as needed.
4. Send Request: Hit "Send" to execute the request.
5. View Response: The response body, status, and time will be displayed in real-time.

---

✨ Future Improvements

• Environment Variables: Manage different environments (development, staging, production) for endpoints.
• Request History: Save previous requests for reuse.
• Request Templates: Allow saving common request templates for quicker access.

---

🧑‍🤝‍🧑 Contributing

Feel free to fork the repository and submit pull requests. For bugs or feature requests, please create an issue. Contributions are welcome!