https://github.com/anthonyharold67/react-todoapp-uuid

https://github.com/anthonyharold67/react-todoapp-uuid

Last synced: 24 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/anthonyharold67/react-todoapp-uuid
• Owner: anthonyharold67
• Created: 2023-03-12T13:07:50.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-11-08T16:31:08.000Z (about 1 year ago)
• Last Synced: 2023-11-09T15:52:58.873Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://react-todoapp-uuid.vercel.app
• Size: 200 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Not 

Responsive ayar için [videoya](https://www.youtube.com/watch?v=xraGQZIIu3M&list=PLI1eEv8mXfz7flUjx3_wujNiat7zup9HX&index=1) ek olarak kodlara bootstrap col yapısı eklendi. Yapılan değişiklikler:

1. Header Componentinde return kısmı aşağıdaki gibi güncellendi.

```jsx

return (

    


      
Todo App

      


        

           setTask(e.target.value)}

          />

          

            Add Todo

          

        

      

    

  );

```


2. TodoList Componentinde return kısmı aşağıdaki gibi güncellendi.

```jsx

return (

    


      
Todos

      

        {todos.map((todo) => (

           toggleTodo(todo.id)}

          >

            

              {todo.text}

            

             deleteTodo(todo.id)}

              className="bi bi-trash-fill"

              viewBox="0 0 16 16"

            >

              

            

          

        ))}

      

    

  );

```