https://github.com/fakkugz/nextask-administrador
https://github.com/fakkugz/nextask-administrador
axios bootstrap context-api dark-mode filtering frontend javascript modal railway react react-router responsive-design task-manager task-tracker to-do-app to-do-list
Last synced: 30 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/fakkugz/nextask-administrador
- Owner: fakkugz
- Created: 2025-04-14T22:34:24.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-04-22T16:48:11.000Z (about 1 month ago)
- Last Synced: 2025-04-23T03:57:08.947Z (30 days ago)
- Topics: axios, bootstrap, context-api, dark-mode, filtering, frontend, javascript, modal, railway, react, react-router, responsive-design, task-manager, task-tracker, to-do-app, to-do-list
- Language: JavaScript
- Homepage: https://fakkugz.github.io/nextask-administrador/
- Size: 6.78 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📝 Nextask Administrador
[](https://react.dev/)
[](https://vitejs.dev/)
[](https://dndkit.com/)
[](https://opensource.org/licenses/MIT)
---
Nextask es una aplicación web para la gestión de tareas desarrollada con React. Permite organizar tus tareas de manera intuitiva mediante categorías, ordenarlas manualmente con drag and drop, aplicar filtros, editar, completar o eliminar tareas. Está diseñada para ofrecer una experiencia rápida, simple y adaptable en cualquier dispositivo.
---
## ✨ Funcionalidades
- 📝 Gestión completa de tareas: crear, editar, eliminar y marcar como completadas
- 🗂️ Organización por categorías, con opción de agregar y editar categorías
- 🔎 Filtro de tareas por categoría desde la barra de navegación
- 📅 Fechas de inicio y fin, con formato amigable (Hoy, Mañana, DD/MM)
- 🖱️ Drag and Drop para reorganizar tareas manualmente (con `@dnd-kit`)
- 🔄 Botón en el Navbar para **restablecer tareas a los datos base**
- 🌙 Cambio dinámico de favicon y tema claro/oscuro según preferencia del usuario
- 📱 Diseño responsive para escritorio y móvil
---
## ⚠️ Importante
Cualquier cambio realizado en la app (agregar, editar o eliminar tareas/categorías) **afecta directamente la base de datos compartida** utilizada por todos los usuarios.
El botón "Restablecer tareas" permite volver rápidamente al ejemplo base.
---
## 🧰 Tecnologías utilizadas
- **React** – Librería principal de desarrollo
- **Context API** – Gestión global del estado
- **React Router** – Navegación entre páginas
- **Axios** – Consumo de API REST
- **@dnd-kit** – Drag and drop moderno y accesible
- **Vite** – Bundler de alto rendimiento
- **Railway** – Hosting del backend simulado
---
## 🚀 Cómo empezar
### Requisitos previos
- Node.js (>= 14.x)
- npm o yarn
### Instalación
```bash
git clone https://github.com/fakkugz/nextask-administrador.git
cd nextask-administrador
npm install
```
### Ejecutar el proyecto
```bash
npm run dev
```
La aplicación estará disponible en [http://localhost:5173](http://localhost:5173)
---
## 📁 Estructura del proyecto (resumen)
```bash
public/ # Archivos públicos (favicon, etc.)
src/
├── assets/ # Imágenes, íconos y recursos estáticos
├── components/ # Componentes reutilizables (Navbar, List, Modals, etc.)
├── context/ # Contextos globales (TasksContext)
├── data/ # Datos base de tareas y categorías
├── pages/ # Vistas principales (Home, Error 404)
├── styles/ # Estilos globales (variables, reseteos)
├── App.jsx # Configuración principal de rutas y contexto
└── main.jsx # Punto de entrada de la app
```
---
## 🧪 Scripts disponibles
- `npm run dev` – Inicia el servidor de desarrollo
- `npm run build` – Genera la app para producción
- `npm run preview` – Previsualiza la versión de producción
---
## 🙌 Contribuciones
¡Las contribuciones son bienvenidas!
Podés hacer un fork del proyecto, crear una rama con tu funcionalidad o corrección y enviar un pull request.
---
## 📄 Licencia
Este proyecto es de código abierto y se distribuye bajo la [Licencia MIT](LICENSE).
---
## 🌐 Demo
[https://fakkugz.github.io/nextask-administrador/](https://fakkugz.github.io/nextask-administrador/)
---
## 📫 Contacto
Si tenés dudas, sugerencias o simplemente querés saludar:
- GitHub: [@fakkugz](https://github.com/fakkugz)
- Email: [email protected]
- LinkedIn: [Facundo González](https://www.linkedin.com/in/facundoegonzalez/)