https://github.com/juliandgp/project-manager

Aplicación de gestión de proyectos que permite a los usuarios crear, editar y eliminar proyectos y sus respectivas tareas. Cada proyecto puede tener múltiples tareas asociadas, las cuales pueden ser gestionadas individualmente.
https://github.com/juliandgp/project-manager

css html5 javascript sfc vite vue3 vuejs

Last synced: 3 months ago
JSON representation

Aplicación de gestión de proyectos que permite a los usuarios crear, editar y eliminar proyectos y sus respectivas tareas. Cada proyecto puede tener múltiples tareas asociadas, las cuales pueden ser gestionadas individualmente.

• Host: GitHub
• URL: https://github.com/juliandgp/project-manager
• Owner: JulianDGP
• License: mit
• Created: 2024-08-24T02:05:58.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-29T20:16:18.000Z (almost 2 years ago)
• Last Synced: 2025-03-28T06:33:28.603Z (about 1 year ago)
• Topics: css, html5, javascript, sfc, vite, vue3, vuejs
• Language: Vue
• Homepage: https://juliandgp.github.io/project-manager/
• Size: 321 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🚀 **Gestión de Proyectos y Tareas**

Link de la página: https://juliandgp.github.io/project-manager/ 

Este proyecto es una aplicación de gestión de proyectos que permite a los usuarios crear, editar y eliminar proyectos y sus respectivas tareas. Cada proyecto puede tener múltiples tareas asociadas, las cuales pueden ser gestionadas individualmente. La aplicación está construida con **Vue.js**, **Vuetify**, y **Vite** para una interfaz moderna, rápida y responsiva.

## ✨ **Características**

- **Gestión de Proyectos**:

  - 🆕 Crear nuevos proyectos con nombre, descripción y estado (Activo/Inactivo).

  - ✏️ Editar proyectos existentes.

  - ❌ Eliminar proyectos de la lista.

  - 🔍 Filtrar proyectos por estado (Activo/Inactivo).

- **Gestión de Tareas**:

  - ➕ Añadir tareas a los proyectos con nombre, descripción y estado (Pendiente, En Progreso, Completada).

  - 🛠️ Editar tareas existentes.

  - 🗑️ Eliminar tareas de un proyecto.

  - 📊 Visualizar el estado de las tareas y estadísticas de cada proyecto.

- **Persistencia**:

  - 💾 Los datos de los proyectos y tareas se almacenan en `localStorage`, asegurando que los proyectos persistan entre recargas de página.

## 🛠️ **Tecnologías Utilizadas**

- **Frontend**:

  - [Vue.js](https://vuejs.org/) - Framework progresivo para construir interfaces de usuario.

  - [Vuetify](https://vuetifyjs.com/en/) - Framework de componentes UI para Vue.js, basado en Material Design.

  - [Vite](https://vitejs.dev/) - Herramienta de construcción rápida para proyectos Vue.js.

- **Estado de la Aplicación**:

  - [Vuex](https://vuex.vuejs.org/) - Manejo de estado centralizado para aplicaciones Vue.js.

## ⚙️ **Instalación**

1. **Clonar el repositorio:**

   ```bash

   git clone https://github.com/JulianDGP/project-manager.git

   cd project-manager

2. **Instalar las dependencias:**

   ```bash

   npm install

   

3. **Ejecutar la aplicación localmente:**

   ```bash

   npm run dev

## 📖 **Uso**

- **Crear un Proyecto**: Haz clic en el botón "Crear Proyecto", completa los campos requeridos y guarda el proyecto.

- **Gestionar Proyectos**: Usa los botones de edición y eliminación en cada tarjeta de proyecto para modificar o eliminar un proyecto.

- **Añadir Tareas**: Dentro de la vista de detalles de un proyecto, haz clic en "Crear Tarea", completa los campos y guarda la tarea.

- **Gestionar Tareas**: Edita o elimina tareas desde la vista de detalles del proyecto.

## 🤝 **Contribución**

Si deseas contribuir al proyecto:

1. Haz un fork del proyecto.

2. Crea una nueva rama (`git checkout -b feature-nueva-funcionalidad`).

3. Realiza los cambios necesarios y haz commit (`git commit -m 'Añadir nueva funcionalidad'`).

4. Sube tus cambios a tu repositorio (`git push origin feature-nueva-funcionalidad`).

5. Crea un pull request.

## 📝 **Licencia**

Este proyecto está bajo la Licencia MIT. Consulta el archivo [LICENSE](LICENSE) para más detalles.

## 📬 **Contacto**

- **Nombre**: Julian Gomez

- **Correo**: juliandgp@hotmail.com

- **GitHub**: [JulianDGP](https://github.com/JulianDGP)