This is a To do app developed using to consolidate your knowledge about React, components, props, state, and hooks. A user can add, delete, updated and mark items as completed

Last update: Nov 10, 2022

Related tags

React Apps To-do-app-with-React

Overview

To-do-app-with-React

This is a To do app developed using React & Lifecycle methods to consolidate knowledge about React, components, props, state, hooks and react router. A user can add, delete, updated and mark items as completed

Tools & Technologies

React
Javascript Events
React life cycle methods
Linters
npm
Gitflow
Hooks, States, Props

Live Demo

View the live demo

Getting Started

To get a local copy up and running follow these simple example steps.

Setup

run the following commands in your terminal

git clone https://github.com/JonahKayizzi/To-do-app-with-React.git
cd To-do-app-with-React/
git checkout dev

Local deployment

npm run start - To run the application locally
Run the brower via localhost:3000
npm run build - To build the application locally

Author

👤 Jonah Kayizzi

GitHub: @JonahKayizzi

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Acknowledgments

Hat tip to anyone whose code was used.

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

Comments

To do app with React and Lifecycle methods
This pull request consists of the following;

Added React class components with props and state and later replaced with hooks

Added event handling and raising of state

Implemented CSS using inline styling & CSS modules

Implemented persistence between component state and localStorage

Implemented lifecycle methods componentDidMount, componentDidUpdate & componentWillUnmount and later replaced with useEffect

Implemented React Hooks and function components

Implemented React Icons from font awesome.

Implemented React Router

Added a hamburger menu
opened by JonahKayizzi 0

A weather app done with React. Allows you to make a search for the current weather by simply typing "common knowledge" cities and save them to favourites on local storage.

Simpliest Weather React-App A weather app done with React. Allows you to make a search for the current weather by simply typing "common knowledge" cit

3 Aug 24, 2022

My project of Game Store using my knowledge in Node, Nest, React and Typescript

A progressive Node.js framework for building efficient and scalable server-side applications. Description Nest framework TypeScript starter repository

7 Nov 8, 2022

Readme.md generator is a React application that takes basic information about the user's project as an input and generates a README file which the user can upload directly in their project's repository.

An application that takes basic information about the user's project as an input and generates a README.md file which the user can upload directly in their project's repository.

5 Jun 23, 2022

Two decorators (higher order components) that inject "window" scroll position, dimensions, orientation and breakpoint to your component's props.

React Window Decorators Two decorators (higher order components) that inject window scroll position, dimensions, orientation, breakpoint* and isTouchD

32 Feb 10, 2022

Application to practice the knowledge in React, and TailWind CSS, and in the future start the studies in Node

NBA Cards Aplicação para praticar os conhecimentos em React, e TailWind CSS, e futuramente iniciar os estudos em Node. Intuito A aplicação consiste em

1 Feb 12, 2022

A junction between the application of the knowledge acquired throughout the study of ReactJs and a brief minimalist redesign of the Whatsapp application in its desktop version.

Whatsapp Clone Tecnologias | Projeto | Use 🚀 Tecnologias Esta aplicação foi desenvolvida com as seguintes tecnologias: HTML 5 CSS 3 JavaScript React

6 Feb 21, 2022

This application integrates Twilio SMS with a ToDo app. As you add tasks to your Todo app, you have the option to send SMS reminders to your cell phone.

This application integrates Twilio SMS with a ToDo app. As you add tasks to your Todo app, you have the option to send SMS reminders to your cell phone. The days of forgetting a task or meeting are no more with ToodleDo app.

1 Dec 14, 2021

A Disney+ Clone that you can sign in with your Google AccountA Disney+ Clone that you can sign in with your Google Account

Disney+ Clone with ReactJS A Disney+ Clone that you can sign in with your Google Account. Click demo to try it by yourself! Disney+ Clone Demo Link Yo

14 Jun 30, 2022

A React Application challenge With CRUD (Create, Read, Update, Delete)

Desafio 03 - Corrigindo o código 💻 Sobre o desafio Nesse desafio, temos uma aplicação Node.js que está em processo de desenvolvimento mas que já poss

1 Dec 17, 2021

This is a To do app developed using to consolidate your knowledge about React, components, props, state, and hooks. A user can add, delete, updated and mark items as completed

Related tags

Overview

To-do-app-with-React

Tools & Technologies

Live Demo

Getting Started

Setup

Local deployment

Author

🤝 Contributing

Acknowledgments

Show your support

📝 License

You might also like...

A weather app done with React. Allows you to make a search for the current weather by simply typing "common knowledge" cities and save them to favourites on local storage.

My project of Game Store using my knowledge in Node, Nest, React and Typescript

Readme.md generator is a React application that takes basic information about the user's project as an input and generates a README file which the user can upload directly in their project's repository.

Two decorators (higher order components) that inject "window" scroll position, dimensions, orientation and breakpoint to your component's props.

Application to practice the knowledge in React, and TailWind CSS, and in the future start the studies in Node

A junction between the application of the knowledge acquired throughout the study of ReactJs and a brief minimalist redesign of the Whatsapp application in its desktop version.

This application integrates Twilio SMS with a ToDo app. As you add tasks to your Todo app, you have the option to send SMS reminders to your cell phone.

A Disney+ Clone that you can sign in with your Google AccountA Disney+ Clone that you can sign in with your Google Account

A React Application challenge With CRUD (Create, Read, Update, Delete)

Comments

To do app with React and Lifecycle methods

Owner

Jonathan Kayizzi

A Web app built with ReactJS that adds a task, and lets a user edit, delete and clear completed tasks.

TaskBerry - a task management application developed with react.js that implements the ability to add, edit and delete your daily tasks to keep track of them

This is memories application developed using React JS,mongo DB .We can perform CRUD operation in this app like create post,read post,make changes in previously posted post as well as delete post.

A Simple To Do List Application to Add, View & Delete tasks in a single webpage using React.js

Completed React & Redux project, releated to a single page app (SPA)

Virtual bookstore created with React and Redux, with add and delete functionalities.

A bookstore MVP that allows users to add, delete, and list available books

📋 Task manager with react js you can add title add description , edit📝, complete✔, remove❌, localstorage, dark mode 🌜

Codemore is the open platform to help you enhance your problem solving skill, expand your knowledge of data structures and algorithms.

React Todo App allows you to create, edit, delete and view your todos. It is a simple todo app built with React, Linters and Localstorage.