Forem: Mohd Danish

Free Notion Style Avatar Generator

Mohd Danish — Mon, 03 Jun 2024 17:13:14 +0000

I built a free tool this weekend for Notion lovers(Notion Avatar).

Notion style Avatar generator, A online Notion style avatar free generator tool to make profile with head, eyes, nose, eyes, glasses, hair, & head parts, also easily customize background color.

Checkout here → https://iconbuddy.com/notion-style-avatar-generator

Let me know your feedback on this. Thanks

Search Engine For 200k+ Open Source Icons

Mohd Danish — Thu, 25 Apr 2024 06:11:00 +0000

Ever spent ages searching for the perfect SVG icon online? As a designer myself, I know the struggle all too well. That's why eight months ago, I decided to build a solution: Iconbuddy.

→ https://iconbuddy.com/

Iconbuddy is a search engine I developed specifically to streamline your SVG icon hunt. We've indexed a massive collection of 226,377 open-source icons spread across 70+ collections. This means you have access to a vast library of high-quality icons, all conveniently searchable in one place.

We update our database with new icons every 30 days, keeping your design library fresh.

Using Iconbuddy is simple. Just head over to Iconbuddy: https://iconbuddy.com and enter your search term. Powered by Algolia, allowing you to easily find the perfect one for your project.

Iconbuddy is more than just a search engine – We have more ways to use this engine.

Figma Plugin

I also build Figma Plugin to directly browse icons in your Figma Projects. It's got 20,000 install in last 4 months.

Checkout Figma Plugin Here

VS Code Extension

Last month, I also launched a plugin for your VS Code editor, allowing you to directly search and copy JSX and SVG code. It's already got over 300 installs within 30 days!

Install VS Code Extension in your Editor

So, next time you're on the hunt for the perfect SVG icon, ditch the endless web searches and head straight to Iconbuddy. We've got you covered!

180k+ Open Source Free Icons

Mohd Danish — Fri, 18 Aug 2023 06:28:25 +0000

There are numerous Open Source Icon projects available on GitHub; however, they are not all managed in a single location.

To address this issue, I have developed a project known as IconBuddy.app, which provides a centralized platform for browsing a collection of 180k+ icons.

https://iconbuddy.app

Search icons across more than 150 collections.

Customize icon with color, size, background color, gradient, & more.

We have a wide range of formats to choose from, so you can download the icons in the format you want. We have SVG, PNG, WEBP, JSX, VUE and BASE64, URLs, CSS background snippers, HTML Image tags. We have it all.

Go and checkout here → https://iconbuddy.app

Looking forward to know your feedbacks. Thanks

5 simple Backend Tools for your website

Mohd Danish — Sat, 10 Jun 2023 17:55:29 +0000

Are you looking for simple and efficient backend tools to power your website? In this article, we will introduce you to five top-notch backend tools that can help you streamline your development process and enhance the functionality of your website. Whether you are a beginner or an experienced developer, these tools offer user-friendly interfaces and robust features to meet your backend needs.

Let's dive into the list of these powerful backend tools:

1. Table Backend

A simple and easy backend solution and database for small projects including Marketplaces, Job Boards, Roadmaps, Todo Tasks, and Other Use Cases. An alternaitve to Airtable, Google Sheet, Glid Apps, NoCodb, Baserow, Notion, Smartsheet, and more.

Key Features:

Powerful canvas-based data grid for handling millions of rows.
Unlock faster and more secure APIs with our cutting-edge caching technology.
Secure API by restricting access to the project's designated domain.
Index table data and enable seamless text search functionality via API.
Boost asset loading speed with our CDN for efficient delivery of images.
Powerful API integration for seamless data retrieval and manipulation.
Automatic backups and data protection.

→ Learn more about Table Backend

With Table Backend you can make simple website and there are list of templates demo.

→ https://tablebackend.com/templates

2. Airtable

Airtable is a popular backend tool that combines the flexibility of a spreadsheet with the power of a database. It enables you to organize and collaborate on your data seamlessly.

Spreadsheet-like interface for easy data organization.
Customizable fields and data types.
Collaboration features for team projects.
API integration for data synchronization with other apps.
Rich text formatting and attachments.

→ Learn more about Airtable

3. back4app

back4app is a scalable backend platform that simplifies the development of web and mobile applications. It offers a range of backend features and services to accelerate your development process.

GraphQL and REST APIs for data retrieval and manipulation.
Real-time database updates with LiveQuery.
User authentication and authorization.
Cloud functions for custom server-side logic.
File storage and push notifications.

→ Learn more about back4app

4. Firebase

Firebase is a comprehensive backend platform provided by Google. It offers a wide range of tools and services to help you build and scale your web or mobile app.

Real-time database for seamless data synchronization.
User authentication and authorization.
Cloud Firestore for scalable and flexible NoSQL data storage.
Hosting for deploying and serving your app.
Cloud Functions for serverless computing.

→ Learn more about Firebase

5. Supabase

Supabase is an open-source alternative for building scalable backend applications. It combines the benefits of a database with the simplicity of a serverless platform.

PostgreSQL database with JSONB support.
Real-time subscriptions for instant updates.
Authentication and authorization.
RESTful API generation.
Custom functions with serverless architecture.

→ Learn more about Supabase

These five backend tools offer powerful features and intuitive interfaces to make your website development process smoother and more efficient. Choose the tool that best suits your project requirements and start building your website with ease.

Happy coding!

Connect to APIs with NoCode

Mohd Danish — Sat, 03 Jul 2021 16:28:48 +0000

We all know that public APIs documentation is messy and don't know how to get started with any API. So, now you don't have to worry about complex documentations.

NoCodeAPI makes it easy for you to connect with public APIs and give you a secure, simple, unique API endpoint with in-built features.

Benefits of using NoCodeAPI

⏲️ Bypass Limits
👊 Hassle-Free
🤯 No Server Headache
⚡ Fast
🔑 Secure
✳️ Logs
📜 Mini Documentation

This website has a huge list of applications like Google Sheet, Instagram, Youtube, Airtable, Zoho Mail, AWS S3, Vimeo, WordPress, Mailgun, Webflow, Spotify, Calendly, Twitter, Telegram, Github, and more than 50 applications in its marketplace

In this article, I'll show you how to connect with Google sheet API, Airtable API, & Webflow CMS API

Before getting started first, create an account at NoCodeAPI and it just took 1-minute to start.

Connect with Google Sheet

To make Google Sheet API you have to Authenticate with your Google Account. After this, get your spreadsheet id to make Sheet API.

Sheet ID - Your google spreadsheet ID of which you want API.

Example URL https://docs.google.com/spreadsheets/d/1i27K4e5m1H2-TTdXgVNmfzn_V2LolgjVtpGYjZ50NX4/edit

The Sheet ID is the part after d/, in the above link, it's 1i27K4e5m1H2-TTdXgVNmfzn_V2LolgjVtpGYjZ50NX4

Click on the Create Google Sheet API button then authenticate with your Google Account. After authenticating you will be redirected back to the NoCodeAPI with a Modal, just follow the form and click on Create button. 🎉 Done!

Now you can get your sheet tabs data as JSON with the endpoint showing in above picture. You can use an in-built playground to test the endpoint. Just click on Use this API.

You can test this endpoint in your browser tab. https://v1.nocodeapi.com/coder/google_sheets/moIDovKbPEuOexXh?tabId=data

There are the following endpoints for Google Sheet API:

Get All Records - Get all sheet data by tabId.
Get single row - Pass row id to get single row object from sheet.
Append new row - Push new row into your google sheet.
Update row - Pass an object with new values with row_id.
Delete one row - You can also delete one row or multiple rows at a time.
Create a new Spreadsheet - You can also make a fresh new spreadsheet with POST call.
Add Sheet Tab - You can add a new tab into your spreadsheet with this endpoint.

↳ View google sheet API docs

Connect with Airtable

Go to the marketplace, find Airtable API, & activate this.

To make Airtable you need 2 values:

API key - You can get your Airtable API key from here ** https://airtable.com/account **
Base ID - Go here ** https://airtable.com/api ** and select your form base then you can find the base ID in URL & It begins with the app.

Example: https://airtable.com/appofMoPxdu7iQ7hf/api/docs -> appofMoPxdu7iQ7hf is the Base ID.

Click on the Create Airtable API button then put the required values into the form and click on the Create button. 🎉 Done!

There are the following endpoints for Airtable API:

Get All Records - List all records from the table of your Airtable Base.
*Get Single Record *- Get a single record
Create Records - Create multiple new records into the table.
Update Records - You can update multiple records in one API call.
Delete Records - You can delete multiple records in one API call.

View Airtable API docs

Connect with Webflow CMS

Webflow is the most powerful modern NoCode web builder on the internet. Webflow has its in-build database that is Webflow CMS.

You can get your Webflow CMS data as JSON without any backend coding and server logic.

Go to the marketplace, find Webflow API, & activate this.

To make Webflow you need only one value:

API Access key - Go to dashboard -> Click on three dots icon -> Settings -> Integrations -> Generate API Access.

Click on the Create Webflow API button then put required values into the form and click on the Create button. 🎉 Done!

There are the following endpoints for Webflow API:

Get All Collection Items - Get your all items from the Webflow CMS collections.
Get Single Item - Get a single Item of the CMS collection
Add Item - Add new item into the collection
Update Records - You can update item values into the collection.
Delete Item - You can also delete an item from the collection.

View Webflow CMS API docs

Conclusion

This is all. I hope find this article useful and make your API development easy. Let me know your thought on the NoCodeAPI.

↳ Website: https://nocodeapi.com
↳ Follow me @mddanishyusuf

The last favor is from you that share this blog post on Facebook, Twitter, LinkedIn, or with your friends. 🙏

API Connector for data importing

Mohd Danish — Sun, 28 Mar 2021 13:06:55 +0000

If you have a lot of interesting data in your JSON format. Maybe in Airtable, or Webflow, or an API that you want to bring to Google Sheets. You can use NoCodeAPI to do just that. Crazy Awesome !! 😃

Video Tutorial

If you love video tutorial then we also have video tutorial for you.

Step 1 : Fetch JSON from a fake API

⁃ For this tutorial we are going to fetch our fake JSON data from JSON placeholder API
⁃ As you scroll down, fake JSON placeholder offers different options to fetch this data. We are going to use /todos to fetch 200 todos in JSON and create 200 rows in our google sheet.

⁃ Test if the endpoint is working by pasting this URL in your browser > https://jsonplaceholder.typicode.com/todos. It should give you JSON data inside the browser (like below — I am using JSON formatter chrome extension to beautify JSON).

Step 2 : Connect Google Sheet with NoCodeAPI

⁃ Sign In to NoCodeAPI dashboard by clicking here.
⁃ Go to Marketplace and Activate google sheet API

⁃ Click on Make Google Sheet API

⁃ A sidebar appears. In the side bar, “Choose” your Google Account through which you are managing your Google Sheets.
⁃ Allow nocodeapi to manage your Google Sheets data

⁃ You will be redirected to NoCodeAPI dashboard.
⁃ Give your API a name and paste your Sheet ID in the Sheet ID input field.

⁃ You can find you Google Sheet ID in your URL. It is located between /d and /edit text, like below.

⁃ Click Create button and it will generate your NoCodeAPI endpoint.

⁃ Using this endpoint we are going to import our JSON data to the Google Sheet.

Step 3 : Import your JSON data to Google Sheets

⁃ Click on 3 dots button to find Import Data button in drop down. Click on it to start importing your JSON data to your Google Sheet.

⁃ An overlay opens where we are going to convert our JSON data to Google Sheet.
⁃ Paste your data in the GET input → https://jsonplaceholder.typicode.com/todos
⁃ Click on Fetch Data button.
⁃ Add Id, title, completed to our selective table headings.
⁃ Click on Next Step button

⁃ The drop down Input Table Name & push data header opens on itself.
⁃ Change the name of heading from completed to status like below.
⁃ Select your Sheet API, you created in Step 2.
⁃ Select the empty sheet Sheet2 that gives you a success message.
⁃ Click Push Data to send your JSON data to Google Sheet.

⁃ Next to Push data you should find your status bar turning green.

This is it

We have successfully converted our JSON data to Google Sheet. You can fetch your required JSON data to Google Sheet in a similar fashion.

I hope you liked this article. Help us write better by giving your feedback on our twitter channel at @nocodeapi. Thank you for reading. Happy Coding !! ✌️

Top 5 JavaScript Courses for Web Development

Mohd Danish — Sat, 02 Jan 2021 12:31:35 +0000

Hi, my name is Mohd Danish & Founder of NoCodeAPI. In this blog post I'm sharing list of courses those I took to brush up my JavaScript Skills. My online favorite teachers are Wes Bos, Moshfegh Hamedani, & Jonas Schmedtmann.

There are list of courses:

Beginner JavaScript - by Wes Bos
The Complete Node.js Course - by Moshfegh Hamedani
React for Beginners - by Wes Bos
Master Gatsby - by Wes Bos
Learn Node - by Wes Bos
Master Node.js - by Jonas Schmedtmann

Beginner JavaScript

A fun, exercise heavy approach to learning Modern JavaScript from scratch. A rock solid understanding of JavaScript is essential for success, no matter which framework you use. This course will give you that.

JavaScript is hard to learn. Frustration, abandonment and rage quits all stem from trying to use something when we don't understand how things work.

Go to course ↗

The Complete Node.js Course

Want to learn Node.js, but are tired of wordy and slow instructors who talk to you like you've never coded before? A perfect mix of theory and practice with no waffling. Learn to build RESTful APIs with Node, Express and MongoDB with confidence.

Includes best practices that pros apply, as well as going over common mistakes that many Node.js developers make.

Go to course ↗

React for Beginners

A premium step-by-step training course to get you building real world React.js + Firebase apps and website components.

With a focus on simplicity and readability, this course will have you building real time applications and dynamic website components in no time!

Together, we will build “Catch of the Day” — a real-time app for a trendy seafood market where price and quantity available are variable and can change at a moment's notice. We will build a menu, an order form, and an inventory management area where authorized users can immediately update product details.

Go to course ↗

Master Gatsby

Building modern websites is tough. Preloading, routing, compression, critical CSS, caching, scaling and bundlers all make for blazing fast websites, but extra development and tooling get in the way.

In this course we also write all the CSS to style the website.

We will learn fun things like CSS Variables, Layouts with Grid (and sub-grid!), Flexbox, clamp(), @supports queries, transforms, scoping CSS, responsive design and so much more!

I've recorded it in such a way that the CSS videos are skippable, if you rather not learn some CSS along the way.

Go to course ↗

Learn Node

With a focus on modern JavaScript and real world application, Learn Node is an efficient way to add server side JavaScript to your skill-set and start building the applications you have been dreaming about.

Together we will build "Now That's Delicious!", a full stack restaurant application which users can search, geolocate, review and curate their favourite restaurants from around the world.

The application has three main models — Users, Stores and Reviews — all of which are relational. It is designed to hit upon many of today's application needs such as user authentication, database storage, Ajax REST API, file upload and image resizing.

Go to course ↗

Master Node.js

Master Node by building a real-world RESTful API and web app (with authentication, Node.js security, payments & more)

Do you want to build fast and powerful back-end applications with JavaScript? Would you like to become a more complete and in-demand developer?

Then Node.js is the hot technology for you to learn right now, and you came to the right place to do it!

Go to course ↗

This is all. Let us know which course you will go to this year.

Originally Published on Public APIs

Bypass Airtable API limit and make unlimited requests

Mohd Danish — Tue, 13 Oct 2020 15:37:58 +0000

Airtable API is limited to 5 API requests per second for each base table. So, we solved this problem for you with API Plugin. You don't have to set up a server for making proxy & caching logic.

What is API Plugin

API Plugin is a tool to connect with third party application API and give simple secure endpoint to use with your tools & projects.

You can connect with Google Sheet API, Airtable, Instagram, GitHub, YouTube, WordPress, Webflow, Spotify, Twitter, & more. You can view them all in The Marketplace

Get Started

First of all, you have to signup on API Plugin if you are a new user. If you are an existing user of API Plugin then setup Airtable API with API Plugin.

To setup Airtable API we need 2 values:

API key- You can get your Airtable API key from here https://airtable.com/account
Base ID- Go here https://airtable.com/api and select your form then you can find the base ID in URL & It begins with the app. Ex: https://airtable.com/appofMoPxdu7iQ7hf/api/docs-> appofMoPxdu7iQ7hf is the base ID.

Now login to API Plugin, go-to the marketplace, & activate the Airtable application. Click on the button Make Airtable API & put the required values into the form.

When you fill all the values click on the button Create. That's all, your Airtable endpoint ready to use.

In-built playground to test these endpoints & minimal documentation.

Benefits

Your API Key is secured
Bypass limit - We are using caching technology for this.
Time-Saving
API response is Fast.
You can track all your logs
No Server Headache
Mini Documentation

Customize Caching

By default, every GET request has 60 seconds of caching means the first API call will come from a third party application API and other API calls under the next 60 seconds from the caching server.

You can customize the caching time if you are a paid user. Just pass cacheTime(in seconds) as query param with endpoint like this.

https://v1.apiplugin.com/gitdansih/airtable/ePcgqeUWUNWgmPmN?cacheTime=900

Now your endpoint will be cached for 900 seconds(15 minutes).

That's all guys. You can follow us on twitter for updates Follow on Twitter

Thanks.

Original posted here https://apiplugin.com/blog/bypass-airtable-api-limit

Highly suggested React Course

Mohd Danish — Thu, 24 Sep 2020 19:41:50 +0000

Today, I'm sharing highly curated & selected courses to learn React knowledge with practical examples. I started my web development journey with Angular 1.6 in 2016 and this was super easy for me to make projects.

After playing with Angular for 1 year then I got to know about Reactjs and I dive into this and decide to build something with React.

So, I was loving React.js & decide to become a master in this. So, I ask some suggestion about which course should I take to learn to React. I took a couple of courses for React & I'm sharing them here.

I'll only suggest two courses that will make you master in React development journey.

React For Beginners

This is the first course I took to confirm my basic with React that I'm going in the right direction or not. I finished the course in 2 days & in the course 80% new things I learned. Highly Recommended.

Link to the course

Master Gatsby

If you are a React developer then definitely you know about Gatsby. Gatsby is a React framework to make static websites with lots of built-in features like caching, preloading, & more.

I was building the Gatsby website for 1.2 years & I made 6-7 Gatsby projects.

Link to the course

I can guarantee you that these two courses will worth your single penny. WesBos make these course with the examples that explain code logic in real-time.

Questions:

Please leave the comment with your recommended courses. Thanks

Get Instagram Feed Data without Code

Mohd Danish — Fri, 07 Aug 2020 11:51:38 +0000

Ever had to access Instagram API and had to go through the confusing facebook docs, I have seen a friend go through the Facebook docs for hours and still not able to get it working. We need an easier way to access Instagram API, it could be to embed it on our portfolio or basically to do anything with it.

Me trying to understand Facebook docs.

So yeah, this is exactly what we are trying to solve with InstaFeedAPI, no need to go through the confusing docs or read every single thing and pass weird parameters with no explanation to get your own feed.

So we have read the docs for you & we have done it the right way, all you need is the token for your Instagram account and that's it (literally). You just paste it in our dashboard and get an API.

What are we doing today?

Get your Instagram Long-lived token
Fill a two-step form
Voila, you have an Instagram feed API ready.

Get the token

1. Make a Facebook app

Open Facebook Developer portal
https://developers.facebook.com/apps/

If you're doing this for the first time, join the FB developers portal by logging in.

Click on Get Started on top -> Verify your account

After clicking on Create App, click on "For Everything Else" from the popup. Give your App a Name.

2. Add Instagram Testers

Now select Instagram from the set of Facebook products, as we want the Instagram feed.

You will be taken to an agreement page, select Basic Display from the sidebar click on Create App, give it a name again and you will now be seeing the Instagram developer console.

Scroll down and you will be able to see a section called User Token Generator & Click on Add or Remove Instagram Testers.

Scroll down and add the Instagram username of whose feed you want in the API, this only works for accounts that are set as public and you will not be able to access private accounts.

Let's add our own account username and accept the testing invite by accessing this link https://www.instagram.com/accounts/manage_access/

Once done come back to the Facebook developer portal, open your app, click on Basic Display and click Generate Token.

You now have finally generated an Instagram access token, keep this somewhere aside.

Video Tutorial about getting Token

Insta Feed API.

So, all you have to do is create an account in https://instafeedapi.com/signup and give yourself a username.

Click on Create Instagram API button, once done you will be seeing a form like below, just give your API a name and enter your Instagram token.

Your API will be listed and you can create more APIs with different accounts if you like.

Click on the API and there you have it an API endpoint which will return you a list of your Instagram feed in a clean JSON format.

You can also pass limit, before & after parameters to our endpoint to have quick filters.

Website: https://instafeedapi.com
Pricing Page: https://instafeedapi.com/pricing

The easiest way to use Google Sheet API

Mohd Danish — Thu, 14 May 2020 12:38:14 +0000

Using Google Sheet API is very basic with NoCodeAPI. We make the process to access data from your google sheet is so easy and quick. Just authenticate with your Google account and rest we will do for you.

There are the following reasons we build this tool to Save your Time by building your backend.

Write API endpoint with your framework(express, Django, Ruby on Rail, etc)
Secure Access Token
Maintain Server
Config caching technology to make API faster
Figure out complex documentation
Build your own logs system to visualize your APIs
Required more time to do all these things.

With NoCodeAPI you can access, update, and delete your google sheet data in 2 minutes with many built-in features:

Setup Sheet API

I'm assuming that you already signup on NoCodeAPI. If not then first make an account there and activate Google Sheet API from Marketplace. Follow this article for a quick setup. Setup Google Sheet API

When you will finish your Google Sheet API then you will see this card with your sheet secure API endpoint.

Use API Endpoints:

With Google sheet API you can do:

Get rows (GET Request)
Get single row (GET Request)
Add new row (POST Request)
Update a row (PUT Request)
Delete a row (DELETE Request)

Note: I'll use the CURL command for the demo.

In one Google spreadsheet, you can add multiple tabs, and first, you have to know the tab name of which you want to use API. On the bottom, you can see your all tab's names. In this image api-database, lists & Sheet2 are tabId.

#Get rows

To get your sheet rows to make a GET call to your endpoint with tabId query params and it will return your data as JSON.

curl https://v1.nocodeapi.com/betauser/google_sheets/mLjulmxwQuctZXNl?tabId=<tabId>

Here is the result that will be consoled as JSON.

{
  "data": [
    {
      "row_id": 2,
      "name": "NoCodeAPI",
      "link": "https://nocodeapi.com",
      "description": "Quick and Easy API Gateway for your favorite Applications"
    },
    {
      "row_id": 3,
      "name": "Public APIs",
      "link": "https://public-apis.io",
      "description": "A collection of public APIs for software developers "
    }
  ],
  "total": 2
}

#Get single row

To get a single row from sheet make a GET call to your endpoint with tabId & row_id query params and it will return single data object as JSON.

curl https://v1.nocodeapi.com/betauser/google_sheets/mLjulmxwQuctZXNl?tabId=<tabId>&row_id=<row_id>

Here is a result you will get.

{
  "row_id": 2,
  "name": "NoCodeAPI",
  "link": "https://nocodeapi.com",
  "description": "Quick and Easy API Gateway for your favorite Applications"
}

#Add new row

To add a new row in your google sheet you have made a POST call with Array of rows into body

curl --request POST "https://v1.nocodeapi.com/betauser/google_sheets/mLjulmxwQuctZXNl?tabId=<tabId>" \
-H "Content-Type: application/json" \
--data '[
  [
    "Producthunt",
    "https://producthunt.com",
    "A website to launch new products"
  ],
  [
    "Twitter",
    "https://twitter.com",
    "A Social networking plateform for peoples"
  ]
]'

When you hit this command into the terminal then you will get this message:

{ "message": "Successfully Inserted" }

#Update row

To update a row in your google sheet you have made a PUT call with object data into body

curl --request PUT "https://v1.nocodeapi.com/betauser/google_sheets/mLjulmxwQuctZXNl?tabId=<tabId>" \
-H "Content-Type: application/json" \
--data-raw '{
  "row_id": 3,
  "name": "Producthunt 3",
  "link": "https://producthunt.com",
  "description": "A website to launch new products"
}'

When you hit this command into the terminal then you will get this message:

{ "message": "Updated successfully" }

#Delete row

To delete one row from your google sheet you have made a DELETE call with tabId & row_id query params.

curl --request DELETE https://v1.nocodeapi.com/betauser/google_sheets/mLjulmxwQuctZXNl?tabId=<tabId>&row_id=<row_id>

When you hit this command into the terminal then you will get this message:

{ "message": "Deleted successfully" }

We did it.

Originally published at nocodeapi.com

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

Build Telegram Bot without code and get notifications

Mohd Danish — Mon, 04 May 2020 10:53:33 +0000

Telegram is the most used mobile messaging tool in daily life. So, build telegram bot and get a notification for netlify build, stripe payments, etc.

Let's build Telegram API first without any code and server setup and we need two values to make this.

Bot Token key
Chat ID

Make a Telegram Bot

To get bot token, you have to make a telegram bot with Botfather tool. Search for the botfather in your telegram and add this.

Now pass /newbot command to make a new bot, give a name, and username to the bot as following.

After that, you will get your Bot Token Key.

To get Chat ID, go to your bot channel and send some random message and then replace bot_access_token with your bot key in this URL.

https://api.telegram.org/bot<bot_access_token>/getUpdates

Open this URL into the browser and it will return a JSON response with Chat ID.

Now you got Bot Token Key & Chat ID.

Setup Telegram API

To make Telegram API without any backend coding and server setup, we are using NoCodeAPI tool. So, sign-up on nocodeapi.com if you have not done yet. Go to Marketplace and activate Telegram API.

Click on Create Telegram Webhook API and you will see and form to give API name, Bot Token Key, and Chat ID. After filling all these values click on the Create button.

Now your Telegram API is ready and you use to send JSON object, Text, or Link into your Telegram Bot.

I'm using for the following notification:

Netlify Build Notification
New Meeting booked on Calendly
New user on Stripe
Website Down/UP with Uptime Robot

Many services support hooks. You can get direct notification into your telegram.

Setup Netlify Hook

Go to https://app.netlify.com/ and select the site for which you want to set up a hook. Now go to Settings -> Build & Deploy -> Deploy Notification and click on Add Notification. You will see a list of notification methods. Click on the Outgoing webhook.

You will see now a form to choose the process.

Event to listen for - Deploy started, Deploy success, etc.
URL to notify- Put your telegram API there.

And Save. That's all.

Now your Hook setup is ready for Netlify. You can also do with other services as same.

If you wanna build more API like:

Google Sheet
Google Analytics
Airtable
Instagram
Slack
Link Preview API
Cloudinary
Open Weather
More...

You can upgrade to pro account of NoCodeAPI with 80% off on yearly subscription for a limited time.

Here you can also see the video to make Telegram API with NoCodeAPI.

Yes, That's all. I hope you didn't find any typos in this blog post. if there is any then just drop me the feedback. Thanks :)

Originally Published @ https://nocodeapi.com/telegram-bot-with-nocode-and-get-notifications