Skip to content

youssefa123/react-todo-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 

Repository files navigation

React Todo List

This is a simple to-do list application built with React.js. The app allows users to add, edit, and delete tasks. Tasks can also be marked as complete by simply clicking on them.

example

Features

  1. Add a new todo item.
  2. Edit an existing todo item.
  3. Delete a todo item.
  4. Mark a todo item as complete.
  5. Uses unique icons for edit and delete operations.

Project Structure:

  1. App.js: The main application component that renders the TodoList.
  2. TodoForm.js: Contains the form used to add new todos or edit existing ones.
  3. TodoList.js: Manages a list of todos. Renders a header, the todo form, and a list of Todo items.
  4. Todo.js: Represents individual todo items. This component allows marking todos as complete, editing, and deleting them

Getting Started:

Pre-requisites:

  1. Make sure to have node.js and npm installed.

Instructions

Clone the repo: git clone [repository-url]

Navigate to repo: cd [project-directory]

Enter: 'npm install' then 'npm start'.

Looks of it

Screenshot 2023-09-27 at 1 32 15 PM

Updating/editing

Screenshot 2023-09-27 at 1 32 46 PM

About

To do list

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published