DoDo! - Frontend

URL del sitio desplegado: 🌐 https://dodotaskmanager.netlify.app

Este proyecto es el frontend de la aplicación DoDo! para gestionar tareas (To-Do) de manera moderna, segura e intuitiva. Está desarrollado en React con TypeScript, usa Tailwind CSS, Ant Design y consume la API RESTful desplegada en Render.

---

Tabla de contenidos

• DoDo! - Frontend
  • Tabla de contenidos
  • Descripción
  • Características
  • Requisitos
  • Instalación
  • Uso
  • Variables de entorno
  • Estructura del proyecto
  • Contribuciones
  • Licencia
  • Contacto

---

Descripción

DoDo! Frontend permite a los usuarios autenticarse, crear, ver, editar y eliminar tareas personales. Se conecta al backend mediante llamadas protegidas con JWT y muestra la información con una interfaz atractiva y responsiva.

---

Características

• 🔐 Autenticación de usuarios (login, token JWT)
• 📝 Gestión de tareas (CRUD)
• 🎨 UI moderna y responsiva con Ant Design y Tailwind CSS
• ⚙️ Integración con backend seguro
• 📱 Adaptado para dispositivos móviles

---

Requisitos

• Node.js v18 o superior
• npm v9 o superior
• Acceso al backend (ya desplegado o local)

---

Instalación

1. Clona el repositorio:

git clone https://github.com/AlejandroRomero17/DoDo-Modern-Task-Management-Frontend.git
cd DoDo-Modern-Task-Management-Frontend

2. Instala las dependencias:

npm install

3. Crea el archivo .env y agrega:

VITE_API_URL=https://taskflow-api-modern-task-management.onrender.com

4. Ejecuta el proyecto:

npm run dev

---

Uso

1. Accede a la app en producción: https://dodotaskmanager.netlify.app
2. Regístrate con tu nombre de usuario, nombre, apellido y contraseña.
3. Inicia sesión y empieza a gestionar tus tareas.

---

Variables de entorno

Variable	Descripción	Ejemplo
VITE_API_URL	URL del backend que expone la API	https://taskflow-api-modern-task-management.onrender.com

---

Estructura del proyecto

src/
├── assets/         # Imágenes y recursos estáticos
├── components/     # Componentes reutilizables (Navbar, etc.)
├── pages/          # Vistas principales (Login, Register, ToDoList)
├── services/       # Lógica para consumir API (axios)
├── util/           # Funciones utilitarias (token, errores, etc.)
├── App.tsx         # Componente principal
├── main.tsx        # Punto de entrada
└── index.html      # HTML base

---

Contribuciones

1. Haz fork del proyecto.
2. Crea tu rama: git checkout -b feature/nueva-funcionalidad
3. Realiza tus cambios y haz commit: git commit -m "feat: añade nueva funcionalidad"
4. Sube los cambios: git push origin feature/nueva-funcionalidad
5. Abre un Pull Request.

---

Licencia

Este proyecto está bajo la licencia MIT.

---

Contacto

• Nombre: Alejandro Gonzalez Romero
• Correo electrónico: [email protected]
• GitHub: https://github.com/AlejandroRomero17