https://github.com/heyskidee/plug
Simplify Your API Interactions!
https://github.com/heyskidee/plug
axios cdn fetch http http-requests javascript npm-package
Last synced: 12 days ago
JSON representation
Simplify Your API Interactions!
- Host: GitHub
- URL: https://github.com/heyskidee/plug
- Owner: HeySkidee
- Created: 2022-05-01T10:49:55.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-09-15T16:16:28.000Z (8 months ago)
- Last Synced: 2025-04-22T22:23:15.358Z (27 days ago)
- Topics: axios, cdn, fetch, http, http-requests, javascript, npm-package
- Language: JavaScript
- Homepage: https://npmjs.com/package/the-plug
- Size: 14.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Plug
A wrapper for the fetch API that simplifies HTTP requests
[](https://npmcharts.com/compare/the-plug?minimal=true)
[](https://npmjs.org/package/the-plug)
---
## Installation
use npm:
```bash
npm i the-plug
```
or cdn:
```html
```
---
## Usage:
### Example (express):
```javascript
const express = require('express')
const app = express()
const plug = require('the-plug')
app.get('/', async (req, res)=>{
const response = await plug.get('https://official-joke-api.appspot.com/random_joke')
res.json(response)
})
app.listen(3000)
```
### Example (HTML):
```html
Random Joke
async function getJoke() {
const joke = await plug.get('https://official-joke-api.appspot.com/random_joke');
document.querySelectorAll('p')[0].innerHTML = joke.setup;
document.querySelectorAll('p')[1].innerHTML = joke.punchline;
}
getJoke();
```
## Additional Examples:
### POST Request
To send data to a server, you can use the `post` method:
```javascript
const data = { name: "John Doe", age: 30 };
const response = await plug.post('https://your-api-endpoint.com/users', data, {
'Content-Type': 'application/json'
});
console.log(response);
```
### PUT Request
To update existing data, use the `put` method:
```javascript
const updatedData = { name: "John Doe", age: 31 };
const response = await plug.put('https://your-api-endpoint.com/users/1', updatedData, {
'Content-Type': 'application/json'
});
console.log(response);
```
### DELETE Request
To delete data from a server, use the `delete` method:
```javascript
const response = await plug.delete('https://your-api-endpoint.com/users/1', {
'Authorization': 'Bearer your-token-here'
});
console.log(response);
```