🧠 Simpled – Gestión colaborativa de ideas y tareas

🚀 Clon inspirado en Trello / Notion con funcionalidades de organización en tiempo real y control de acceso por roles.

---

📄 Índice

• 🧠 Simpled – Gestión colaborativa de ideas y tareas
  • 📄 Índice
  • 🔧 Cómo clonar y ejecutar
    • ▶ Backend (.NET 8)
    • ▶ Frontend (Next.js / React)
  • 🏛️ Arquitectura y tecnologías
    • 🧱 Backend (C# / .NET 8)
    • 🎨 Frontend (Next.js / React)
    • 🛠️ DevOps / Infraestructura
  • 📁 Estructura del proyecto
  • 🌐 Endpoints principales
    • 🔐 Autenticación
    • 👥 Usuarios
    • 🧩 Boards
    • 📦 Columnas
    • 🗂 Items
  • 🗃️ Base de datos y E/R
    • Entidades Principales
  • 🚀 Despliegue
    • 🔗 Enlaces de Producción
  • 📚 Referencias y bitácora
    • 📘 Bibliografía
    • 📒 Bitácora
  • 📺 Vídeos
  • 📌 Enlace al anteproyecto
  • 💻 Objetivos
  • 👥 Autores

---

🔧 Cómo clonar y ejecutar

▶ Backend (.NET 8)

git clone https://github.com/AdrianJS2009/Simpled.git /opt/simpled
cd /opt/simpled/backend/Simpled/Simpled/
dotnet publish -c Release -o /opt/simpled/publish
cd /opt/simpled/publish/
dotnet Simpled.dll

⚠ Es obligatorio tener instalado el .NET 8 SDK.

▶ Frontend (Next.js / React)

git clone https://github.com/AdrianJS2009/Simpled.git /opt/simpled
cd /opt/simpled/frontend/simpled
npm i
npm run build
npm run start

⚠ Es obligatorio tener instalado Node.js 18 o superior.

---

🏛️ Arquitectura y tecnologías

🧱 Backend (C# / .NET 8)

• Framework y Core:

  • ASP.NET Core Web API
  • Entity Framework Core
  • SQLite como base de datos
  • SignalR para comunicación en tiempo real

• Seguridad:

  • Autenticación con JWT
  • Autorización basada en roles
  • Validaciones con FluentValidation

🎨 Frontend (Next.js / React)

• Core y Framework:

  • Next.js 15.2.3
  • React 19.0.0
  • TypeScript 5.0
  • Tailwind CSS 4.0

• UI/UX:

  • Radix UI para componentes accesibles
  • Framer Motion para animaciones
  • Lucide React para iconografía
  • React Toastify para notificaciones

• Gestión de Estado y Datos:

  • Context API para estado global
  • React Query para fetching de datos
  • SignalR para tiempo real

• Componentes Especializados:

  • @dnd-kit para drag & drop
  • Recharts para visualización de datos
  • Pikaday para selección de fechas
  • React CountUp para animaciones numéricas

• Herramientas de Desarrollo:

  • ESLint con configuración personalizada
  • Prettier para formateo de código
  • TypeScript strict mode
  • Tailwind CSS con PostCSS

🛠️ DevOps / Infraestructura

• Control de Versiones:

  • Git con GitHub
  • GitHub Actions para CI/CD

• Despliegue:

  • Backend: AWS
  • Frontend: AWS
  • Base de datos: MySQLServer

• Monitoreo y Logging:

  • Application Insights
  • Serilog para logging estructurado

---

📁 Estructura del proyecto

Simpled/
├── backend/
│   └── Simpled/
│       ├── Controllers/
│       ├── Models/
│       ├── Dtos/
│       ├── Data/
│       ├── Hubs/
│       └── Program.cs
├── frontend/
│   ├── app/
│   ├── components/
│   │   ├── ui/
│   │   └── gantt-chart/
│   ├── contexts/
│   ├── lib/
│   ├── public/
│   └── types/
├── docs/
│   ├── presentacion.pdf
│   ├── Simpled_ER.png
│   └── Bitacora.md
└── README.md

---

🌐 Endpoints principales

🔐 Autenticación

• POST /api/auth/login → Login y obtención de token JWT
• POST /api/auth/register → Registro de nuevo usuario
• POST /api/auth/refresh → Renovación de token

👥 Usuarios

• GET /api/users → Listado de usuarios (admin)
• GET /api/users/{id} → Detalles de usuario
• PUT /api/users/{id} → Actualización de usuario
• DELETE /api/users/{id} → Eliminación de usuario

🧩 Boards

• GET /api/boards → Listar tableros
• POST /api/boards → Crear tablero
• GET /api/boards/{id} → Detalles de tablero
• PUT /api/boards/{id} → Actualizar tablero
• DELETE /api/boards/{id} → Eliminar tablero

📦 Columnas

• GET /api/columns → Listar columnas por board
• POST /api/columns → Crear columna
• PUT /api/columns/{id} → Actualizar columna
• DELETE /api/columns/{id} → Eliminar columna

🗂 Items

• GET /api/items → Listar tareas
• POST /api/items → Crear tarea
• PUT /api/items/{id} → Actualizar tarea
• DELETE /api/items/{id} → Eliminar tarea

---

🗃️ Base de datos y E/R

Entidades Principales

• Users: Gestión de usuarios y autenticación
• Boards: Tableros de trabajo
• Columns: Columnas dentro de los tableros
• Items: Tareas y elementos
• Dependencies: Relaciones entre tareas
• Attachments: Archivos adjuntos
• Comments: Comentarios en tareas

---

🚀 Despliegue

🔗 Enlaces de Producción

• Aplicación: simpled.app

---

📚 Referencias y bitácora

📘 Bibliografía

• Documentación oficial ASP.NET Core 8
• Next.js Documentation
• React Documentation
• Tailwind CSS Documentation
• SignalR Documentation
• AWS Documentation

📒 Bitácora y documentación

• Ver bitacora.md para el registro detallado de desarrollo.
• Ver Documentacion_Front.md para la documentación relacionada con el apartado front incluyendo Figma.
• Ver Presentación.pdf para la presentación.
• Ver Prototipo Figma para el diseño base de la aplicación.

---

📺 Vídeos

• 🎬 Video de presentación:
  https://youtu.be/7ciRupxl6A4

• 🛠️ Video tutorial (funcionamiento general):
  https://www.youtube.com/watch?v=LCn8rcPBlzw

• 🎓 Video final de exposición:
  https://www.youtube.com/watch?v=uLqk67blqWA

---

📌 Enlace al anteproyecto

🔗 📄 Ver anteproyecto en Notion

---

💻 Objetivos

• Facilitar la organización y seguimiento de tareas en equipo.
• Permitir la creación de tableros personalizados.
• Gestionar roles y permisos de usuario.
• Gestionar y trabajar en equipos.
• Implementar funcionalidades de gamificación.

---

👥 Autores

• Adrián Jiménez Santiago
• Elías Robles Ruiz

Proyecto Final de Grado del Ciclo Formativo de Desarrollo de Aplicaciones Web

---