Desarrollo de Portal Web para Acceso a Contenido Digital
Budget: €750 – €1,500 EUR
Busco un desarrollador experimentado para crear un portal web que brinde acceso exclusivo a usuarios que compren un producto digital. La plataforma contendrá una colección de tarjetas interactivas que ayudarán a resolver problemas específicos de nuestro avatar.
Cada tarjeta contará con:
✅ Un video explicativo integrado.
✅ Un enlace a una plantilla interactiva en Miro.
✅ Una navegación enlazada entre tarjetas relacionadas.
La aplicación debe ser accesible en múltiples dispositivos, con un diseño atractivo y una navegación intuitiva.
La aplicación funciona de la siguiente manera: una vez el usuario entra al portal con su login propio, podrá ver diferentes CATEGORÍAS, dentro de cada categoría, podrá ver diferentes temas que les vamos a llamar TARJETAS, por que tienen esta forma visual. Ejemplo: hay 14 categorías, con 5 tarjetas cada una. Por lo tanto habrán 70 tarjetas. Como se explica más arriba, cada tarjeta tiene dentro, información, video, imagenes, plantilla Miró y enlaces a otras tarjetas. El usuario puede ir navegando por el portal, por todas las tarjetas, y cambiando de tarjetas siempre que quiera. También, tendrá la posibilidad de poder guardar en sus "FAVORITOS" las tarjetas que él desee, además, de tener un espacio de "BUSQUEDA AVANZADA" donde se pueda poner una palabra o frase, y se le brinde una lista de tarjetas referente a la palabra o frase que ha introducido.
Es muy importante disponer de un backoffice, donde se pueda gestionar los usuarios, y donde podamos gestionar/editar las tarjetas interactivas. Este backoffice, tiene que permitirme a mi, subir contenido de tarjetas (ya sea, texto, imagenes, colores, forma) sin ningun tipo de ayuda del programador. Por lo que este backoffice debe ser creado con una interfaz intuitiva donde los administradores podamos subir contenido de tarjetas y no solo el programador.
NO habrá que integrar ningun tipo de pasarela de pago. Unicamente es crear el portal web.
Estas especificaciones son para un PRODUCTO MINIMO VIABLE:
Funcionalidades Clave:
1️⃣ Gestión de Usuarios
- Registro e Inicio de Sesión (email/password).
- Perfiles de Usuario (edición de datos personales).
2️⃣ Gestión de Contenidos
- Biblioteca de Tarjetas Interactivas.
- Búsqueda y Filtrado avanzado.
- Opción de Guardar Favoritos.
3️⃣ Integración Multimedia
- Videos explicativos en cada tarjeta (YouTube o Vimeo).
- Plantillas Interactivas integradas con Miro.
4️⃣ Panel de Administración (Backoffice)
- Gestión de Usuarios.
- Gestión de Tarjetas y Contenido.
5️⃣ Compatibilidad y Seguridad
- Diseño responsivo y adaptado a móviles, tablets y escritorio.
- Autenticación segura con OAuth 2.0 o JWT.
Requisitos Técnicos:
- Frontend
✔ React.js con soporte de Next.js (para mejor rendimiento).
✔ Diseño UI/UX atractivo e intuitivo.
- Backend
✔ Node.js con Express.
✔ Base de datos MongoDB.
- Integraciones
✔ Vimeo / YouTube para alojar videos.
✔ Miro para plantillas interactivas.
Requisitos Técnicos:
● Frontend:
○ Frameworks: React.js, con soporte de NextJS, para una experiencia de usuario dinámica.
○ Diseño UI/UX: Desarrollo de una interfaz intuitiva y atractiva.
● Backend:
○ Lenguaje y Framework: Node.js con Express para la gestión del servidor.
○ Base de Datos: MongoDB para almacenar información de usuarios y contenido.
● Integraciones:
○ Servicios de Video: Plataformas como Vimeo o YouTube para alojar y reproducir videos.
○ Herramientas de Colaboración: Integración con Miro para plantillas interactivas.
● Seguridad:
○ Autenticación y Autorización: Implementación de OAuth 2.0 o JWT.
NO QUEREMOS POR EL MOMENTO ESTAS ESPECIFICACIONES (en un futuro valoraremos la opción de añadirlo):
○ Login de usuarios sin password: Integración con Google, Facebook, etc.
○ Opcion de descargar las tarjetas en PDF o PNG
- ENTREGA ESPERADA: 31 de Marzo de 2025
- PRESUPUESTO: 800€
Cada tarjeta contará con:
✅ Un video explicativo integrado.
✅ Un enlace a una plantilla interactiva en Miro.
✅ Una navegación enlazada entre tarjetas relacionadas.
La aplicación debe ser accesible en múltiples dispositivos, con un diseño atractivo y una navegación intuitiva.
La aplicación funciona de la siguiente manera: una vez el usuario entra al portal con su login propio, podrá ver diferentes CATEGORÍAS, dentro de cada categoría, podrá ver diferentes temas que les vamos a llamar TARJETAS, por que tienen esta forma visual. Ejemplo: hay 14 categorías, con 5 tarjetas cada una. Por lo tanto habrán 70 tarjetas. Como se explica más arriba, cada tarjeta tiene dentro, información, video, imagenes, plantilla Miró y enlaces a otras tarjetas. El usuario puede ir navegando por el portal, por todas las tarjetas, y cambiando de tarjetas siempre que quiera. También, tendrá la posibilidad de poder guardar en sus "FAVORITOS" las tarjetas que él desee, además, de tener un espacio de "BUSQUEDA AVANZADA" donde se pueda poner una palabra o frase, y se le brinde una lista de tarjetas referente a la palabra o frase que ha introducido.
Es muy importante disponer de un backoffice, donde se pueda gestionar los usuarios, y donde podamos gestionar/editar las tarjetas interactivas. Este backoffice, tiene que permitirme a mi, subir contenido de tarjetas (ya sea, texto, imagenes, colores, forma) sin ningun tipo de ayuda del programador. Por lo que este backoffice debe ser creado con una interfaz intuitiva donde los administradores podamos subir contenido de tarjetas y no solo el programador.
NO habrá que integrar ningun tipo de pasarela de pago. Unicamente es crear el portal web.
Estas especificaciones son para un PRODUCTO MINIMO VIABLE:
Funcionalidades Clave:
1️⃣ Gestión de Usuarios
- Registro e Inicio de Sesión (email/password).
- Perfiles de Usuario (edición de datos personales).
2️⃣ Gestión de Contenidos
- Biblioteca de Tarjetas Interactivas.
- Búsqueda y Filtrado avanzado.
- Opción de Guardar Favoritos.
3️⃣ Integración Multimedia
- Videos explicativos en cada tarjeta (YouTube o Vimeo).
- Plantillas Interactivas integradas con Miro.
4️⃣ Panel de Administración (Backoffice)
- Gestión de Usuarios.
- Gestión de Tarjetas y Contenido.
5️⃣ Compatibilidad y Seguridad
- Diseño responsivo y adaptado a móviles, tablets y escritorio.
- Autenticación segura con OAuth 2.0 o JWT.
Requisitos Técnicos:
- Frontend
✔ React.js con soporte de Next.js (para mejor rendimiento).
✔ Diseño UI/UX atractivo e intuitivo.
- Backend
✔ Node.js con Express.
✔ Base de datos MongoDB.
- Integraciones
✔ Vimeo / YouTube para alojar videos.
✔ Miro para plantillas interactivas.
Requisitos Técnicos:
● Frontend:
○ Frameworks: React.js, con soporte de NextJS, para una experiencia de usuario dinámica.
○ Diseño UI/UX: Desarrollo de una interfaz intuitiva y atractiva.
● Backend:
○ Lenguaje y Framework: Node.js con Express para la gestión del servidor.
○ Base de Datos: MongoDB para almacenar información de usuarios y contenido.
● Integraciones:
○ Servicios de Video: Plataformas como Vimeo o YouTube para alojar y reproducir videos.
○ Herramientas de Colaboración: Integración con Miro para plantillas interactivas.
● Seguridad:
○ Autenticación y Autorización: Implementación de OAuth 2.0 o JWT.
NO QUEREMOS POR EL MOMENTO ESTAS ESPECIFICACIONES (en un futuro valoraremos la opción de añadirlo):
○ Login de usuarios sin password: Integración con Google, Facebook, etc.
○ Opcion de descargar las tarjetas en PDF o PNG
- ENTREGA ESPERADA: 31 de Marzo de 2025
- PRESUPUESTO: 800€