Posts

Showing posts from September, 2023

Featured Post

BUILD A TODO LIST IN PYTHON

By
Image
Build a TODO List in Python Overview The objective is to build a todo list to which we can add items, remove the added items, edit the items and even if required, delete out the entire list itself. We will learn here step by step, how to build the todo list with the above  CRUD (Create, Remove, Update/edit, and Delete ) features.  This is a CRUD list  app  that we are building as we can Create, Remove, Update items in the list and Delete the entire list itself. We will be using Python3 to build this Project. Importing os and time We import time to let the screen pause for a while before clearing  and we import os to clear the screen . Initializing the list We initialize the todo list with an empty list as there are not items added yet to the list and this is represented in the code aby using an empty square braces   toDoList = [] Defining the print list  The def keyword is used to define a function in python. In the below code, we define the function called printList(). When we define
Post a Comment
Read more

Build Todo App React Hooks

By
Image
 Build Todo App React Hooks This tutorial will teach you how to build a To do list App using React, hooks, in a step-by-step manner with complete code and explanations of React hooks concepts in a very easy-to-understand manner. Below, I am displaying the code editor with the first part of the code for creating a Todo function for the javascript code: START THE APP import   React , { useState }  from   'react' ; import   ReactDOM   from   'react-dom' ; To start the App, you need to import React useState() from 'react' and also import ReactDOM from 'react-dom' By importing the useState() , we are able to use the state hook without the need to use classes in React apps. By importing the default ReactDOM, we are able to write JSX and carry out DOM related methods. But before that, as usual, for the html code, it is : HTML < div   id  =  "container" >   JAVASCRIPT  import   React , { useState }  from   'react' ; import   ReactDOM   fr
Post a Comment
Read more