https://github.com/pablopoder/todo-list-react

TODO List 📃: anota tus tareas y lleva un registro mas controlado!
https://github.com/pablopoder/todo-list-react

context react reducer todolist

Last synced: about 1 year ago
JSON representation

TODO List 📃: anota tus tareas y lleva un registro mas controlado!

• Host: GitHub
• URL: https://github.com/pablopoder/todo-list-react
• Owner: PabloPoder
• Created: 2023-05-20T21:09:33.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-09T05:25:05.000Z (over 2 years ago)
• Last Synced: 2025-01-04T19:41:51.718Z (about 1 year ago)
• Topics: context, react, reducer, todolist
• Language: JavaScript
• Homepage: http://todo-list-react-context-reducer.surge.sh
• Size: 88.9 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# TODO LIST - Context y Reducer ⚛️

Este proyecto es un ejercicio práctico diseñado para familiarizarme con el uso de Context y los reducers en React ⚛️. 

Además, se han aplicado buenas prácticas utilizando custom hooks para mejorar la legibilidad y mantenibilidad del código 🧑🏻‍💻.

Aunque la estructura 🏗️ de la aplicación es sencilla y no presenta un problema significativo de prop drilling, 

el enfoque principal se centra en el uso de un contexto para gestionar el estado y compartir datos entre componentes de manera eficiente ⚡.

![image](https://github.com/PabloPoder/TODO-List-React/assets/50326883/41dd8de9-8b08-4c56-950e-8c1224c4fdd4)

# Visitar pagina: 👀 

http://todo-list-react-context-reducer.surge.sh

# Lista de características a desarrollar: 📝

✅- Muestra una lista de tareas.

✅- Agregar un filtro por categoria.

✅- Agregar un filtro por estado de la tarea (compleatada / pendiente).

✅- Hacer uso de useContext para evitar prop drilling (pasar props innecesarias).

✅- Haz que se puedar agregar tareas a la lista.

✅- Haz que se quitar agregar tareas a la lista.

✅- Haz que se modificar agregar tareas a la lista.

✅- Guardar la lista en un localStorage para que se recupere al recargar la pagina.

# Créditos

Este proyecto de lista de tareas fue desarrollado para practicar lo visto en las clases de @midudev💖 sobre React.