Build a Survey Management System with Typeform, Telegram, and Google Sheets in 2 days with DhiWise!

Let’s map the time trap:

It is building such an application requires around one-two week. Of course, this would increase the cost and time of the resources like designers and developers. But what’s impressive is that with the usage of DhiWise, this solution was built in just two days.

DhiWise is a programming platform where developers can convert their designs into developer-friendly code for mobile and web apps. DhiWise automates the application development lifecycle and instantly generates readable, modular, and reusable code.

It took a mere two days to complete the development of the application!

‍

Tech Insights:

The Survey Management System built with DhiWise is a React Web application that uses the following APIs:

• Typeform APIs for form creation and fetching the form responses.
• Telegram API for sending messages to the group, fetching total group members, fetching the admins, and fetching group details.
• Google Sheets API for writing form responses to the Sheet.

DhiWise automated manual coding for the design as well as API integration. The flexibility to work around with DhiWise does not end here.

For the Survey Management System, the used Typeform API’s request and response had to be managed manually through hard coding.

The Telegram APIs were very easily integrated without any manual effort.

For Syncing the Typeform’s response into Google Sheets, the generated Typeform Id was set manually in the API, and the fields were placed in the request of the Google Sheet’s API.

That’s it for hard coding!

Let’s have a look at the process further!

‍

Knight in shining armor: DhiWise

Creating a Survey Management System with DhiWise was only a matter of a few clicks!

• Importing Figma Designs
• Typeform, Telegram, and Google Sheets APIs and binding them with the UI elements
• Setting up navigations
• Building the app and getting the code
• ‍

Attractive Traits of the Survey Management System built with DhiWise:

Following are the exciting features provided by DhiWise that were used in developing this application:

‍

Google Authentication

• Google Authentication with DhiWise is rapid to work with. After the application was built, it required adding ClientId in the .env file from the developer’s console to get into authentication. That’s it!
• Therefore, Google Authentication is quick and easy to work in DhiWise.

‍

API Integration:

• The three-step API Integration provided by DhiWise made development relatively easy, simple, and quick.
• APIs were added in the API Runner using cURL provided by DhiWise.
• Further, integrating the API in the LifeCycle Method and on actions. With the three-step API Integration:
• Selected the API and handled requests.
• Handled the response of an API.
• Finally, it dealt with the effort to be performed on success and failure.

‍

Navigation:

• DhiWise provides navigations like Redirect to an external URL, page navigation, and section navigation are incredibly smooth and quick.
• “Adding Arguments with navigation” is a cherry on the cake that DhiWise provides.
• The above navigations were used in DhiWise while building this application.

‍

Easy Deployment:

• With DhiWise, the generated code was pushed to GitHub from where it was accessed and shared further.
• To preview the application, it has a feature of deploying on Vercel.

‍

Source Code:

• The generated code is readable, well structured, and in an understandable format.
• This made it easy to modify and scale the application.

‍

Wholesome Perks of using DhiWise:

Time

• Code was generated within minutes
• Saved time in terms of redundant coding and repetitive tasks
• Room for building logic and coding what matters

‍

Modifications & Scalability

• The readable, understandable, and organized code structure made it easy to modify and manage the code.
• The generated code has a folder structure that’s considered to be one of the best practices in the industry.

‍

Can be used by a Developer of any Tech-stack

• It may take a Node.js Developer to build an application in React for a long time. But with DhiWise, this was smooth and flawless.

‍

Cost Cutting on UI/UX Screens

• The pain of sitting and writing code for the screen designs was waived due to the “Figma to Code” feature of DhiWise.

‍

From integrating all the necessary APIs to handling Google Authentication to managing external URL navigations, building a Survey Management System using DhiWise feels like a charm. And that’s not it. You can generate the source code within minutes, push the same on Git, and even deploy the same on Vercel. We can go on and on, but nothing comes close to trying the same on your own.