makafernandez / lunar.io

Single Page Application (SPA) realizada en ReactJS. Despliega un calendario que informa las fases de la Luna y entrega información relevante a cada fase, alimentado por la API de Google Calendar. Permite vistas de Mes, Día, Semana y Agenda, Drag n' Drop y selección de tramos horarios.

Lunar.io

un calendario lunar

Descripción

Lunar.io es un calendario que informa las fases de Luna durante el año y te entrega recomendaciones de las actividades adecuadas para cada fase. Como cortarse el pelo en Luna Nueva o comenzar un tratamiento médico en Cuarto Creciente.

Desarrollo

• React
• HTML
• CSS
• Material-UI

Wireframe

Autoras

Maka Fernández Visaka Devi

lunar.io's Issues

vistas week y day, back date en Calendar no funcionan

Arroja error al entrar a las vistas de Semana y Dia, o volver atras en la fecha:
Uncaught TypeError: date[("get" + method)] is not a function

Componente Calendar

Anidado en Vista #1 para usuarios logueados, según mockup.

• Debe contar con vista de mes como mínimo.

• Los eventos del calendario lunar deben visualizarse en el calendario mensual

• Los eventos del calendario lunar deben visualizarse en el calendario diario

• Los eventos del calendario lunar deben visualizarse en el calendario semanal

• Los eventos del calendario lunar deben visualizarse en el calendario agenda

• Cada evento lunar debe visualizarse con un ícono en el día correspondiente.

• Arrojar información del evento al hacer click sobre él. <-- Lo hace como una alerta

Hacer mockup

• Definir modulos --> Según mockup
• Paleta de colores --> #8549C1, #303030, #DBDBDB
• Fuente --> Open Sans
• Framework de estilo --> Material-UI

MoonLocation

• anidado en componentes

• debe usar api de geolocalización de HTML5

• la ubicación debe registrarse en la vista calendario

• debe usarse como query en la llamada a la api de calendar

<------ opcional

• Geocodificación inversa (usar lat y lon para obtener el nombre de la localidad)

Componente CalendarEvent

Anidado en Calendar, según mockup.

• Al hacer click en el evento se debe abrir un cuadro de diálogo o modal

• El cuadro de diálogo debe indicar título

• El cuadro de diálogo debe indicar fecha

• El cuadro de diálogo debe indicar ícono correspondiente

• Debe incluir un botón de cierre

<------- opcionales

• Debe incluir una descripción de actividades recomendadas según fase lunar

• Debe incluir un botón de agregar recordatorio