This is the "Quickstart React" example Monday app.
It can be used as a board view or dashboard widget, connected to a board and render data from the board using settings.
This app demonstrates how to use:
You can find more info in our QuickStart guide here
In the project directory, you should run:
And then to run an application with automatic virtual ngrok tunnel, run:
Visit http://localhost:4040/status and under "command_line section" find the URL. This is the public URL of your app, so you can use it to test it.
F.e.: https://021eb6330099.ngrok.io
The above isn't working for me (Elliott) instead of the URL, you can use the Addr and visit it locally.
If you want Google maps to work locally, you need your own API key. The one in here will only work for the Monday app. https://developers.google.com/maps/documentation/embed/map-generator?authuser=1#costs
- Open monday.com, login to your account and go to a "Developers" section.
- Create a new "QuickStart View Example App"
- Open "OAuth & Permissions" section and add "boards:read" scope
- Open "Features" section and create a new "Boards View" feature
- Open "View setup" tab and fulfill in "Custom URL" field your ngrok public URL, which you got previously (f.e. https://021eb6330099.ngrok.io)
- Click "Boards" button and choose one of the boards with some data in it.
- Click "Preview button"
- Enjoy the Quickstart View Example app!
- Run script
- Zip your "./build" folder
- Open "Build" tab in your Feature
- Click "New Build" button
- Click "Upload" radio button and upload zip file with your build
- Go to any board and add your just released view
- Enjoy!