Skip to main content

Build Simple Todo Application in React

In our previous React tutorial, we have explained how to implement Datatable in React. In this tutorial, we will explain how to build a simple Todo Application in React.

We will develop a simple Todo application to create a todo item, update it, delete
and display todo list. So we will handle complete CRUD (Create, Read, Update and Delete) operation that’s important to develop application using React.

As we will create a simple Todo list means we will create a JavaScript list to contain todos and perform operations on it. So it will not keep track of todos if we refresh page.

(more…)

How to Make API Call in React

In our previous tutorial, we have explained about Mapping Components in React. In this tutorial, we will explain how to make API call in React.

React is the most popular front-end framework used to make web applications. The API calls are made to get data and render into application. So making call to api is an important part of a React app.

So here in this tutorial, we will explain how to integrate APIs in your React application. We will build an app to make API request and get json data. Then we will list employee data from response json data.

(more…)

Build Currency Converter with PHP

In our previous tutorial, we have explained about Data Export to Excel with PHP and MySQL. In this tutorial, we will explain how to build currency converter in PHP using Google Finance Currency API.

Currency convert is a an important functionality that converts the quantity of one currency into the relative quantities of other currencies. For example, if you have dollar currency and visiting to another country, you need to exchange you currency into local currency, then you would need to know your currency conversion rate. For currency conversion, Google provides Google Finance Currency API to convert your currency into your desired currency. You can easily build your own currency converter using Google Currency API.

We have also handled Bitcoin conversion to other currencies in live demo script.

The tutorial explained in easy steps with live demo and link to download source code of live demo.

(more…)

Convert JSON to Excel using JavaScript

In previous tutorial, we have explained how to Convert Excel to JSON using JavaScript. In this tutorial, we will explain how to convert JSON into Excel File using JavaScript.

JSON (JavaScript Object Notation) is a lightweight data-interchange format and widely used in web application. It is plain text written in JavaScript object notation.

While working with APIs, mostly the available data is in JSON format and need to convert into desired format. As the Excel file type is popular file type that contains numerical data separated by rows and columns within a cell, we sometimes need to convert JSON object into Excel file.

(more…)

Convert Excel to JSON using JavaScript

In previous tutorial, we have explained how to Convert CSV Data to JSON using JavaScript. In this tutorial, we will explain how to convert Excel file data into JSON using JavaScript.

The Excel file is popular file type that created with extension such as .xls, xlsx. It is a spreadsheet file that can be created by Excel or other spreadsheet programs. The Excel file type represents an Excel Binary File format.

The Excel files are widely used for storing data. It contain numerical data separated by rows and columns within a cell. Sometimes we need to get data from Excel file and convert into JSON data to use further in web applications.

(more…)