Fetch It

A completely client-side and privacy-respecting alternative to test API calls.

---

Features

• Custom API Requests

  • Set URL, method, headers, and body
  • Currently, allows custom headers and this default ones.
  • Supports body types: text, JSON, and XML

  

• Response Display

  • Status code + message (color-coded)
  • Headers and body in a user-friendly view

  

• cURL Generator

  • Create and copy cURL equivalent to clipboard

  

• LocalStorage Integration

  • Save and load request history (including response)

  

---

Tech Stack

• Vue 3

• Vite

• TypeScript

• TailwindCSS

• PrimeIcons

• Tested with Vitest and Testing Library

---

Project Structure

fetch-it/
├── .github/ # CI/CD workflows
├── app/
│ │   tests_/ # Unit and component tests, following src structure
│ ├── public/
│ ├── src/ # Main source code
│ │ ├── components/ 
│ │ ├── constants/ # Static values like HTTP methods
│ │ ├── core/ # Core logic or services
│ │ ├── interfaces/ # TypeScript interfaces
│ │ ├── repository/ # LocalStorage utilities
│ │ ├── validators/
│ │ ├── App.vue
│ │ ├── main.ts
│ │ └── style.css
│ ├── vite-env.d.ts
│ ├── vue-shims.d.ts
│ ├── vite.config.ts
│ ├── vitest.config.ts
│ ├── vitestSetup.ts
│ ├── tsconfig*.json
│ └── index.html
├── docs/
├── LICENSE
└── README.md

Getting Started

Prerequisites

• Node.js

Installation

git clone https://github.com/rucev/fetch-it.git
cd fetch-it/app
npm install

Run Locally

npm run dev

Build

npm run build

Preview

npm run preview

Run tests

npm run test

Deployment

The app is deployed using GitHub Pages via a CI/CD workflow on the main branch: check it out!

Roadmap

Features

• Import/export saved requests #3
• Collections to organize saved calls #4
• Postman/Insomnia file import support #5
• Advanced cURL customization (multiline, verbose) #6
• And more enhancements...

Contributing

Contributions are welcome! To get started:

1. Fork the repository

2. Create your feature branch:

git checkout -b feature/my-great-feature

3. Create an issue to let people now in what your working on.

4. Commit your changes:

git commit -m 'add great feature #<issue-number> 

5. Push to the branch:

git push origin feature/my-great-feature

6. Open a pull request.

Make sure to check the following guidelines