In this article, we will make a simple accordion in react. Accordion is useful when we need to create some application users interactively. Basically, we will create a bunch of questions and if we click on the question, then the…
In this article, we are going to make a quote generator in React. We will use a JSON file to get a random quote, this will allow our application to get a unique and new quote every time we refresh…
In this article, we are going to make a stopwatch in React. Like a basic stopwatch, we will have a display to show time, then we will have basic buttons for start, stop, resume, and reset. As soon we hit…
In this article, we will create a Quiz app in React. This Quiz game will usually be like other Quiz games. Here we will have some questions along with 4 options and a scorecard. After answering all questions, the result…
in this article, we will learn about form validation in react functional components. We have seen react forms in previous articles, validation is the important part of the form. If you’re familiar with HTML forms, then you might have done…
In this article, we are going to make a calculator in React. It will be similar to an Android calculator application where you put your values which remain on the screen and show the result straight away as you put…
In this article, we will make a popup modal in React. This modal will look like any advertisement popping up on the screen, but we will do this when we click a button. We will also add some animations when…
In this article, we are going to learn to make date range filter in react JS. So basically, we will create a filter which will filter out the data according to given date range. Here we will generate a database…
In this article, we are going to make a weather app in React. In this project, we will use openweather API which provides us free API to get weather details. Here we will add an input field where the user…
In this article, we are going to learn about HTTP Delete Method in React JS. Working with APIs is a very common thing and delete method is one of them. As we know, fetch and axios are the ways with…