Skip to content

Proyecto ToDo List en React que consume una API REST en .NET Core con SQLite. Permite listar, crear, editar y eliminar tareas. Ideal para practicar desarrollo fullstack paso a paso, enfocándose en el consumo de APIs y manejo de componentes React. Proyecto para aprendizaje y práctica.

Notifications You must be signed in to change notification settings

hferrer08/ToDoList-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ToDoListReact

Aplicación ToDo List (lista de tareas) desarrollada con React en el frontend, que consume una API REST construida con .NET Core y SQLite.

Permite listar, crear, modificar y eliminar tareas de forma sencilla. Es ideal para practicar desarrollo fullstack paso a paso y entender cómo consumir APIs desde el frontend.


🚀 Tecnologías utilizadas

  • ⚛️ React (con Create React App)
  • 🔧 .NET Core Web API (backend)
  • 🗂️ SQLite (base de datos local)
  • 🌐 Fetch API (para consumo de endpoints REST)
  • 💬 SweetAlert2 (validaciones visuales y mensajes)

📦 Uso del proyecto

  1. Clona este repositorio:

    git clone https://github.com/hferrer08/ToDoList-React.git
  2. Instala las dependencias del frontend:

    npm install
  3. Ejecuta el frontend:

    npm start
  4. Asegúrate de que la API backend esté corriendo y accesible.


✨ Funcionalidades

  • ✅ Listar tareas
  • ➕ Crear nuevas tareas
  • 📝 Editar tareas existentes
  • ❌ Eliminar tareas
  • 🎨 Modal de creación/edición
  • ⚠️ Validaciones visuales con SweetAlert2
  • 📡 Consumo de API externa (hosteada en Render)

📚 Propósito

Este proyecto está enfocado en el aprendizaje y la práctica del desarrollo fullstack, integrando tecnologías modernas como React y .NET. Ideal para quienes buscan entender el flujo completo cliente-servidor en una aplicación real.


🧠 Aprendizajes clave

  • Componentización en React
  • Manejo de estado local y global (Context API)
  • Llamadas a API REST desde el frontend
  • Validaciones visuales reutilizables con SweetAlert2
  • Despliegue de frontend en GitHub Pages

🌍 Demo

🔗 Ver aplicación en producción


About

Proyecto ToDo List en React que consume una API REST en .NET Core con SQLite. Permite listar, crear, editar y eliminar tareas. Ideal para practicar desarrollo fullstack paso a paso, enfocándose en el consumo de APIs y manejo de componentes React. Proyecto para aprendizaje y práctica.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published