README.md

JS-HTTP

A simple JavaScript HTTP request library for making GET, POST, PUT, DELETE, OPTIONS, HEAD, CONNECT, TRACE, and PATCH requests using the Fetch API.

• Installation
• Project Structure
• Overview
• Examples
• Usage
• License
• Code of Conduct
• Contributing
• Learn More
• Developer Details

Installation

You can install JS-HTTP using npm:

npm install https-node.js

Project Structure

The project structure is organized as follows:

js-http/
|-- dist/
|-- src/
|   |-- js-http.js
|-- examples/
|   |-- index.html
|-- tests/
|   |-- test-js-http.js
|-- CODE_OF_CONDUCT.md
|-- CONTRIBUTING.md
|-- LEARN.md
|-- README.md
|-- LICENSE
|-- package.json
|-- webpack.config.js
|-- .gitignore

• dist/: Contains the distribution version of the library.
• src/: Contains the source code of the library.
• examples/: Includes HTML examples demonstrating library usage.
• tests/: Contains test files for the library.
• CODE_OF_CONDUCT.md: Guidelines for community behavior.
• CONTRIBUTING.md: Information on how to contribute to the project.
• LEARN.md: Additional resources and learning materials.
• README.md: This README file.
• LICENSE: The license file for the project.
• package.json: Configuration file for npm.
• webpack.config.js: Configuration for bundling the library.
• .gitignore: Specifies files and directories to be ignored by Git.

Overview

JS-HTTP is a lightweight JavaScript library that simplifies making various HTTP requests in your web applications. It provides a straightforward API for making GET, POST, PUT, DELETE, OPTIONS, HEAD, CONNECT, TRACE, and PATCH requests using the Fetch API.

Examples

You can find usage examples in the examples/ directory. To run the examples, open the HTML files in your browser.

Usage

Here's how you can use JS-HTTP in your JavaScript code:

// Import the JS-HTTP library
const JSHTTP = require('https-node.js);

Make a GET request

JSHTTP.get('https://jsonplaceholder.typicode.com/posts/1')
  .then(response => {
    console.log('GET Response:', response);
  })
  .catch(error => {
    console.error('GET Error:', error);
  });

Make a POST request

const data = { userId: 1, id: 101, title: 'foo', body: 'bar' };
JSHTTP.post('https://jsonplaceholder.typicode.com/posts', data)
  .then(response => {
    console.log('POST Response:', response);
  })
  .catch(error => {
    console.error('POST Error:', error);
  });

Make a PUT request

const putData = { userId: 1, id: 1, title: 'updated title', body: 'updated body' };
JSHTTP.put('https://jsonplaceholder.typicode.com/posts/1', putData)
  .then(response => {
    console.log('PUT Response:', response);
  })
  .catch(error => {
    console.error('PUT Error:', error);
  });

Make a DELETE request

JSHTTP.delete('https://jsonplaceholder.typicode.com/posts/101')
  .then(response => {
    console.log('DELETE Response:', response);
  })
  .catch(error => {
    console.error('DELETE Error:', error);
  });

Make an OPTIONS request

const optionsData = { someOption: 'value' };
JSHTTP.options('https://jsonplaceholder.typicode.com/some-resource', optionsData)
  .then(response => {
    console.log('OPTIONS Response:', response);
  })
  .catch(error => {
    console.error('OPTIONS Error:', error);
  });

Make a HEAD request

const headData = { someHeader: 'value' };
JSHTTP.head('https://jsonplaceholder.typicode.com/some-resource', headData)
  .then(response => {
    console.log('HEAD Response:', response);
  })
  .catch(error => {
    console.error('HEAD Error:', error);
  });

Make a CONNECT request

const connectData = { someData: 'value' };
JSHTTP.connect('https://jsonplaceholder.typicode.com/some-resource', connectData)
  .then(response => {
    console.log('CONNECT Response:', response);
  })
  .catch(error => {
    console.error('CONNECT Error:', error);
  });

Make a TRACE request

const traceData = { someData: 'value' };
JSHTTP.trace('https://jsonplaceholder.typicode.com/some

-resource', traceData)
  .then(response => {
    console.log('TRACE Response:', response);
  })
  .catch(error => {
    console.error('TRACE Error:', error);
  });

Make a PATCH request

const patchData = { someData: 'value' };
JSHTTP.patch('https://jsonplaceholder.typicode.com/some-resource', patchData)
  .then(response => {
    console.log('PATCH Response:', response);
  })
  .catch(error => {
    console.error('PATCH Error:', error);
  });

License

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

Developer Details

• Author: Pabitra Banerjee
• Email: [email protected]
• GitHub: PB2204

Feel free to reach out for questions, feedback, or collaboration opportunities.

Happy Coding 🚀