gustavomorinaga/copyscotch

🛸 A SvelteKit implementation of Hoppscotch.

Copyscotch

🛸 A SvelteKit implementation of Hoppscotch.

🚧 This project is still under development.

🌎 Translations

Introduction

This project is a implementation of Hoppscotch in SvelteKit.

Hoppscotch is an open-source API request builder. It helps you create your requests faster, saving you precious time on your development.

This project is not intended to be an alternative to Hoppscotch, but rather a way to learn how to use SvelteKit and its ecosystem.

Tech Stack

Tool/Service	Category	Description
vite	Build Tools	A build tool that provides a faster development experience for modern web projects.
cssnano	CSS	A modular minifier, built on top of the PostCSS ecosystem.
postcss	CSS	A tool for transforming CSS with JavaScript.
tailwindcss	CSS	A utility-first CSS framework.
superforms	Form Validation	A SvelteKit library that gives you a comprehensive solution for server and client validation, and client-side display of forms.
eslint	JavaScript/TypeScript Tools	A tool for identifying and reporting on patterns in ECMAScript/JavaScript code.
prettier	JavaScript/TypeScript Tools	An opinionated code formatter.
typescript	JavaScript/TypeScript Tools	A typed superset of JavaScript that compiles to plain JavaScript.
shadcn-svelte	UI Components	Accessible and customizable components that you can copy and paste into your apps.
sveltekit	Web Frameworks	A framework for building high-performance web apps.

📜 License

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

❤️ Thanks for your attention!

copyscotch's Issues

Add Config Page

Add a config page that have these settings:

• Theme
  • Background Color
  • Theme Color
  • Expand Navigation

Sync storage between tabs

Feature request to sync storage between tabs.

Add more request configs

Like Hoppscotch, we need for now, add new tabs to configurate:

• Params
• Body
• Headers
• Auth

Adjust Response View Styles

Make response view fully customized with Tailwind CSS variables.

Fix bug when clicking same route

When clicking same route button, like REST, will change to another route that ins't REST.

Fix REST local save

Currently, some local saving processes do not work correctly or are disabled, as we needed to refactor some aspects of the app.

So, let's fix it!

Can't rename request after duplicate tab

After duplicate a tab and try to rename, the edit request dialog not open.

Add side menus

Like Hoppscotch, we need for now, a side menus for REST page and Config page.

Sidenav Routes Mobile Orientation

Currently, we have only sidenav routes desktop orientation (vertical). We need mobile orientation (horizontal) too.

Wrong layout in mobile devices

When using a mobile device, the app uses wrong layout because the default setting is horizontal.

It's better make a observable that listen window resize changes and set correct layout.