Home

Overview

Requestly Dashboard (https://app.requestly.io) is powered by React WebApp. For WebApp to apply rules or execute API request, it requires a client which contains the execution logic for HTTP Rules and API Client

Clients (AppModes)

• Desktop App: https://github.com/requestly/requestly-desktop-app
• Extension: https://github.com/requestly/requestly/tree/master/browser-extension

High Level Architecture

To talk to the different clients, the WebApp exposes a common interface which needs to be implemented for all the clients using the modes of communication

• Desktop App: Uses IPC for communication (https://github.com/requestly/requestly/blob/25a00237bd28aea11723ee567b318ee77f4f151c/app/src/services/clientStorageService/clients/desktop.ts#L4)
• Extension: Uses PSMH which abstract window.postMessage (https://github.com/requestly/requestly/blob/25a00237bd28aea11723ee567b318ee77f4f151c/app/src/services/clientStorageService/clients/extensions.ts#L5)

Tech Stack

Frontend

• Web framework/library: React
• State management: Redux + Zustand
• Layout/components: Ant Design
• Desktop App: Electron
• Extension: Browser Extension API

Backend

• Framework: Express and Firebase Cloud Functions
• Database: Firebase Realtime DB and Firestore

Directory Structure

├── app/
├── browser-extension/
├── common/
├── shared/
└── ee/

app

Contains the React WebApp Dashboard code

browser-extension

Contains the Browser Extension code for all browsers (Chrome, Edge, Safari)

common (Under deprecation)

Contains the common code which needs to be shared between different modules

shared

Contains the common code/type/utils which needs to be shared between different modules

ee

Enterprise Edition features for Requestly