GameAthlon

Web responsive para gamificar las actividades deportivas. Cada kilómetro recorrido se convierte en puntos de experiencia que permitirán al usuario subir de nivel y ganar coins.

API

Strava https://developers.strava.com/

Funcionalidades

• Login
• Consulta de últimas actividades
• Cálculo de nivel y coins

Vistas

• Login de usuario
• Home de usuario donde se mostrará el nivel y los coins ganados con un listado de las últimas actividades realizadas.
• Detalle de cada actividad

Tecnologías

SCSS, JS Vanilla, Gulp, Handlebars

Aplicación que muestra un menú de comidas (de recetas propias) de lunes a viernes de manera aleatoria.

Funcionalidades:

• Menú editable, sustituir una comida por otra (drag & drop)
• Suma total de nutrientes por día (presentación en charts)

Funcionalidades a futuro:

• Distinguir entre comidas y cenas (para no plantar un cocido un martes por la noche)
• Menú editable (foto, texto, ingredientes)
• posibilidad de añadir desaunos o snacks...

Vista

1. Drag & drop de la semana
   • panel de menu
   • boton ordenar aleatoriamente
   • sección de nutrientes totales (boton +)
   • sección de listado de comidas (boton check list)

Framework - React
Atajo CSS - Styled Components

Como me lo imagino:

Proyecto de @miriamschaefer y @Sonia-SV
El usuario entra en la web y hace login con su cuenta de Spotify y selecciona una playlist y un humor. A partir de ella, la App ofrece una playlist alternativa basándose en la selección del usuario (Pj: bajonera, alegre).

Usaremos:
React.js & react-context;
Material-UI;
Styled-components.

Una vez logueado en spotify, de entre tu lista de canciones favoritas o playlist en general, generar una canción aleatoria en la pantalla y se escucha durante 5 segundos. También saldrán 4 respuestas disponibles sobre qué canción es.
El objetivo del juego es acertar la canción.

Usaré react y contextos

Aplicación con lectura de codigo de barras para alimentos, al leer el codigo entrega posibles recetas con el alimento facilitado y los ingredientes necesarios.

Obligatorios

• Tener identificados, al menos, 4 patrones de diseño (mediator, observer, singleton, etc...)
• Varias llamadas AJAX
• DOM Dinámico (generando según la el usuario haga cosas)
• Uso de, al menos, dos APIs de navegador

Extras

• PWA
• Presentation Patterns (MV*)
• Testing unitario
• Herramientas de análisis estático (eslint, jsdoc, ...)

Muy extra

• Backend en node
• Login
• Backend serverless (cloud functions o lambdas)
• Testing e2e

No se permite

• Superlenguajes (🚫 Typescript)
• Librerías que te abstraigan totalmente de la funcionalidad (🚫JQueryUI)

Si se permite

• Atajos con CSS (✅bootstrap, bulma, materialize, SASS, LESS)
• Atajos con HTML (✅motores de plantillas, JSX)
• Uso de APIs externas

Fechas

• 20 de noviembre presentación

Proyecto:

• Visualización de datos de una API:
  • datos en una tabla
  • datos en un mapa
• Se podrán filtrar los datos de la lista y del mapa aplicándole filtros.
• Buscador: se podrán buscar elementos de la lista.
• Se podrán marcar algunos elementos de la lista como favoritos (local storage)

Vistas:

• Una única vista en la que cambian los datos que se muestran según la interacción del usuario.

Voy a usar:

• Motor de plantillas twig.js, scss, js vanilla.

Me gustaría hacer algo ‘parecido’ a esto:

https://cov19.cc/

Proyecto inspirado en el relato creado en el CURSO-TALLER ENTENDIENDO EL CAPITALISMO DIGITAL Y CONSTRUYENDO UNA CRÍTICA FEMINISTA. Queremos mostrar a través de nodos interconectados las posibilidades que nos podría ofrecer la tecnología si integrásemos la perspectiva feminista. La idea es permitirnos repensar futuros alternativos que contemplen en su centro valores tradicionalmente asociados a "lo femenino" como los cuidados, la conciliación, la sostenibilidad, teniendo la tecnología como motor. El proyecto será accesible, para lo que nos serviremos de distintas APIs del navegador. También consideramos la posibilidad de servirnos de D3 para la visualización de datos, aparte de React para dotarlo de movimiento.

MTG Deck Improver desk app

Our idea for the final project is to create a desk app (with Electron) to improve any magic the gathering deck.

Functionalities:

• login
• Create a deck (only for standard format by now)
• retrieve deck info (strength, % of good initial hand, % of win/lost etc)
• make calls to magic card market API / api.magicthegathering.io to retrieve metagame info
• save decks (user will be able to have decks collections)
• export decks in an MTGA format (.txt) to use them in MTGA.

About views:

1- login
2- deck builder
3- deck collections
4- deck Info
5- cards info (if possible)

Technologies:

Electron
Node.js
Express
BootStrap

Proyecto
Aplicación de producción de música colaborativa en la que los usuarios/artistas encuentran personas afines con las que colaborar para combatir la falta de inspiración que muchas veces surge al crear música.

Tecnologías
HTML, CSS y JavaScript.