First setup your Uptime Robot API without any backend & code. Just go follow this simple documentation 👉Build Uptime Robot NoCodeAPI.

When you will finish your Uptime Robot API then you will see this card with your secure endpoint that we need on front-end.

Get your Monitor IDs

You can list all your monitor status on one page by passing multiple Monitor IDs. So, get those IDs from yourUptime Robot account.

On your dashboard when you click on your monitor list then your URL will have the monitor ID. like thishttps://uptimerobot.com/dashboard#784130462. After#784130462 is your monitor ID.

Format your Endpoint

Now set up your endpoint with the monitor's IDs like this:

If you have only one monitor then add?monitors=784130462 with your endpointhttps://v1.nocodeapi.com/betauser/uptime/OVprBNKOwXSfWhjH and it will become like thishttps://v1.nocodeapi.com/betauser/uptime/OVprBNKOwXSfWhjH?monitors=784130462

If you want to show status for multiple monitors then format like this:

Add?monitors=784130462-784130463-784130464 with your endpointhttps://v1.nocodeapi.com/betauser/uptime/OVprBNKOwXSfWhjH and it will become like thishttps://v1.nocodeapi.com/betauser/uptime/OVprBNKOwXSfWhjH?monitors=784130462-784130463-784130464

Fork Template Code

We have a simple and clean template written in React. Just fork this repository on your account. Just click on thefork button.

After fork complete, you have the template code on your GitHub account with URL like:https://github.com/<username>/status

1. Go herehttps://github.com/nocodeapi/status
2. Click onFork

Edit Metadata

Now go herehttps://github.com/<username>/status and edit the filesrc/env.js with your metadata by clicking ✎ the edit icon.

Deploy

Now it's time to deploy the code on the server. So, Here is aOne-Click serverless hosting with Zeit and it's free. Let's make a One-Click URL for Zeit.

This is the format of Zeit One-Click URLhttps://zeit.co/new/project?template=https://github.com/<username>/status/tree/master. Just replace<username> with your GitHub username and open the URL into a browser to follow the process.

Just click onContinue ->Continue ->Continue ->Deploy

Yes, that's all. Now you can also add your custom domain likestatus.example.com.

You can see our status page demo herehttps://status.nocodeapi.com

If you have any other use cases then let us know about that. So, we can make a blog post about that.

Originally published atnocodeapi.com