Demo Program https://deep-0301.github.io/Todo/
Demo Program https://deep-0301.github.io/Todo/
Todo App by D.k.Patel

I’ll be building a todo app with one of the most popular web application frameworks, React, and real-time database firebase in this story. Todo app touches on all the important parts of building any data-driven app, including the Create, Read, Update and Delete (CRUD) operations. We stored Todo in the firebase console. Click here to download the full code and Check for the Live Demo. I am not covering the CSS file. Please download the CSS file here.

Before We Start

To install the base project, run the following command in your terminal:

npx create-react-app todo 

Open package.json file in the todo folder…


Quiz App

So, you want to make a Quiz Application in React? Awesome!

An online quiz app is quick and easy to score in, by hand or electronically. It offers students an opportunity to demonstrate knowledge, skills, and abilities in a variety of ways.

Download the code on GitHub: react-quiz-app. Demo Here: click here. Reference: Chris Blakely

Let’s Start

I am using a new React app while writing this article for the accuracy of information. So, you and I are on this journey together!

Create a new React project using the following command.

npx create-react-app quiz

After creating react app, Open this folder in…


Multi-Step-Form

Introduction:

The form is one of the most important parts of any application. I’ll be building a multi-step form using the most popular web application frameworks, React and Material-UI. Handling and managing forms in React apps are hard and could be a puzzle, especially for multi-step forms.

The first step of the form asks for basic information (first name, last name, and email). Step two asks them to enter their city, occupation, bio and the last step asks them for the confirmation of user details. Material-UI is used for React components for faster and easier web development. …


So you want to make a search bar in React using hooks? Great!

I’ll be building a search bar with one of the most popular web application frameworks, React. Search bar features are a useful graphical widget common to user interface development. Click here to download the full code and check out the Live Demo. I am not covering the CSS file. Please download the CSS file here.

Before we start

To install the base project, run the following command in your terminal:

npx create-react-app wonders

Deep Patel

React Developer | Firebase | Web Developer | React-native |

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store