Posts

Showing posts from September, 2023

Featured Post

Learn Python by Coding a Simple To-Do List in Python from Scratch

Image
Introduction This simple project in Python will not only teach you to build a simple ToDo List, but also assist you to learn basic Python concepts along the way! The basic concepts that you will be learning are about using the indefinite loop, that is, while True, how to stop the loop, if-elif-else loops, and also about creating a functional to do list in which the user is able to not only add items, but also, view items, update or edit them, remove items and also delete the entire list itself.  Please note this is Part 4 of my Python series. If you missed the algorithms and planning stages, check out Parts 1, 2, and 3 on my Substack! What We Want Our To do List to do Defining the Problem : Creating a storage space for storing the to do list grocery items that I want to shop. I want to make the list with a menu that shows a menu of choice with features such as Add, View, Edit, Remove, Delete and Exit options. So, I need a way to add items, view them, edit them, remove any of the it...

Build Todo App React Hooks

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 ...