React Router Functionality Nowadays, moving from a page to another in web applications should be seamless and fast without having to reload the whole website. Enter React Router, which gives you much more (all of it really) control over that. In this project, I have used React Router DOM for the routing so that we could create multi-page in a single page application (SPA). Concepts To Discuss There are a few key concepts that we will discuss in this project. To install react router dom : npm install react-router-dom Paste the above command in the terminal.
Posts
How to create a simple To-Do List App with Flutter . Daily management is a widespread issue, and To-Do List app is among the easiest to start with to learn how Flutter can be used. Here, in this blog, I will tell you how I created a simple To-Do List application in Flutter, discuss the main concepts applied in it, and present the entire code. Project Overview With this Flutter To-Do List application, one will be able to: Add new tasks Display tasks in a list Delete completed tasks Operating on Android and iOS. This project aims to learn about the state management, widgets, and user interaction in Flutter. GitHub Repository Link : https://github.com/RabbitWhite-glitch/flutter_todo.git App Screenshot: Technologies Used Flutter Dart Material UI VS Code Project Structure The project progresses according to a neat and simple structure: main.dart – App entry point Widgets for: Text input Task list display Delete functionality Flu...
React Filtering Functionality
React Filtering Functionality This blog will develop and learn a simple product filtering application using React. The application enables searches of products by name, and automatically filters search results as one type. The example is excellent when a person wants to learn about the state management in React, event management, array filtering, etc. Project Overview Displays a list of products Provides a search input Filters products in real time based on user input React Product Filtering Functionality-Description. This React project illustrates that it is possible to build a real-time product filtering feature as a functional component with useState hook. The application will aim at enabling the users to search the products by the product name and only display the result immediately. The component has two distinct states, one of which is used in storing the initial list of products and one is to control the filtered list ...