📋 ProjectManagement — Frontend

Aplicación web para la gestión de proyectos y tareas, construida con React 19 y TypeScript.

🌐 Demo en vivo: frontend-management-project.vercel.app

---

📖 Descripción

ProjectManagement es una aplicación frontend que permite a los usuarios gestionar proyectos y tareas de forma visual e intuitiva. Incluye funcionalidades como autenticación, gestión de tareas con drag & drop, formularios validados y notificaciones en tiempo real.

---

🚀 Technologies & Tools

Badge	Technology	Version	Description
	React	19	Main UI library
	TypeScript	5.9	Static typing
	Vite	7	Bundler and dev server
	Tailwind CSS	3.4	Utility-first styling
	React Router DOM	7	Client-side routing
	TanStack Query	5	Data fetching and caching
	Axios	1.13	HTTP client
	React Hook Form	7	Form management
	Zod	4	Schema validation
	DnD Kit	6	Drag and drop
	Headless UI	2	Accessible components
	React Toastify	11	Notifications

---

📁 Estructura del proyecto

frontend/
├── src/
│   ├── api/            # Llamadas a la API
│   ├── components/     # Componentes reutilizables
│   ├── layouts/        # Layouts de la aplicación
│   ├── lib/            # Configuración de librerías externas
│   ├── hooks/          # Custom hooks
│   ├── types/          # Tipos TypeScript
│   ├── locales/        # Archivos de internacionalización (i18n)
│   ├── utils/          # Funciones utilitarias
│   ├── views/          # Vistas/páginas
│   └── main.tsx        # Punto de entrada
├── public/
├── index.html
├── vite.config.ts
└── package.json

---

⚙️ Instalación y uso

Prerrequisitos

• Node.js >= 18
• npm o yarn

Pasos

# 1. Clonar el repositorio
git clone https://github.com/dany99222/frontend.git
cd frontend

# 2. Instalar dependencias
npm install

# 3. Configurar variables de entorno
cp .env.example .env
# Edita el archivo .env con la URL de tu backend

# 4. Iniciar en modo desarrollo
npm run dev

Scripts disponibles

npm run dev       # Inicia el servidor de desarrollo
npm run build     # Compila para producción
npm run preview   # Previsualiza el build de producción
npm run lint      # Ejecuta ESLint

---

🌍 Variables de entorno

Crea un archivo .env en la raíz del proyecto:

VITE_API_URL=http://localhost:4000/api

---

📦 Deploy

El frontend está desplegado en Vercel. Cada push a la rama main activa un deploy automático.

---

👤 Autor

dany99222

• GitHub: @dany99222

---

📄 Licencia

Este proyecto es privado. Todos los derechos reservados.