Create a chrome extension that displays an HTTP request maker for any given OAS 2.0 file.
- Create a Github repository called "Stoplight Coding Challenge" and invite me: https://github.com/lottamus
- Clone this repository and push the code to your new repository.
- Install all the dependencies:
yarn
- Load the extension in Chrome
- Open the todos-api.json file (located in the root of this directory) in Chrome
The TODOs
apikey
is123
.
-
Uses React and a state management library such as MobX or Redux.
-
Displays an interactive UI for creating HTTP requests to each operation in an OAS 2.0 file.
-
Displays the response after each HTTP request.
-
A UI/UX that you're proud of.
- Uses TypeScript
src
: TypeScript source filespublic
: Chrome Extension manifest, icon, HTMLdist
: The built Chrome Extension
Runs webpack in watch mode, generates bundles with source mapping
yarn start
Runs webpack and generates the minified bundles
yarn build
- Build the extension
- Open Chrome and go to
chrome://extensions
- Toggle
Developer mode
in the top right - Click
Load unpacked extension...
in the top left - Load the
dist
directory
- Clicking on the Stoplight icon will open the extension's popup window
- Right click and open DevTools
- In DevTools, you can press Ctrl+R to reload the extension
-
My email - [email protected]
-
Todos API Spec - todos-api.json
-
Chrome Extensions - https://developer.chrome.com/extensions
-
OAS 2.0 - https://github.com/OAI/OpenAPI-Specification/blob/master/versions/2.0.md
-
TypeScript - https://github.com/Microsoft/TypeScript