Coder Social home page Coder Social logo

meetstory's Introduction

Hi there 馃憢

Tech I've used

TypeScript Rust Python

React React Native NodeJS Redux Express.js Socket.io Next JS Electron.js Docker Kubernetes Jenkins Angular.js

Styled Components Storybook Threejs Redis MySQL Postgres

Adobe XD Figma Framer

Some stats

Daniel's GitHub stats Top Langs

meetstory's People

Contributors

b-nicasio avatar bnicasio avatar dfeliz avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

meetstory's Issues

Modal de visualizacion de un chat

Se requiere crear un modal de visualizacion de un chat.

Acceptance criteria:

  • Se debe abrir al cliquear los mensajes de una tarjeta
  • Debe verse asi:
    image

Cambiar nombre de una tarjeta

Se quiere poder cambiarle el nombre a una tarjeta, para que el usuario pueda identificarla de otra manera ya que la mayoria de las reuniones son sin titulo.

Tarjeta de usuario

Se requiere crear la tarjeta de usuario.

Acceptance criteria:

  • Si no hay una sesion iniciada, la tarjeta debe decir "Conectar"
  • Al hacer click en la tuerca, debe abrirse el menu de opciones
  • Debe verse asi:
    image

Toast notifications al presionar delete/fav a un meetstory

Seria bueno tener un toast notification que confirme cuando se presiona favorito / borrar en una tarjeta.

Librerias

Podemos utilizar alguna de estas librerias:

https://github.com/jesusoterogomez/react-notify-toast
https://github.com/fkhadra/react-toastify
https://github.com/tomchentw/react-toastr

Esta se ve muy bien, pero dudo que sea compatible con nuestra version de React, ya que utiliza hooks (introducido partir de React 16).
https://github.com/jossmac/react-toast-notifications

Better selectors

Buscar una forma mas fiable de selectores, actualmente si google le hace un update a Meet, es probable que la extensi贸n no funcione.

Fecha y hora del meet

Por ahora, no mostramos la fecha y hora del meet en las tarjetas del menu.

Se tiene que mostrar la fecha y hora de la reunion en las tarjetas y tambien en el modal de visualizar un meetstory.

Guardado automatico

Funcion para que el chat se comienza a guardar automaticamente cuando se inicie una reunion

Traduccion de chat

Funcion para poder traducir el chat y descargarlo en formato txt

Bloqueado por #9

Indicador de meetstory nuevo

Ser铆a conveniente que haya un indicador en los nuevos meetstories para que el usuario sepa de inmediato cuales meetstories no ha visto.

image

Enlazar cuenta con google drive

Agregar la funcion de poder conectar la cuenta de drive con la aplicacion para poder sincronizar chat entre cuentas y guardar chats en diferentes formatos.

Bloqueado por #15

Cards popup menu

Se requiere crear un popup menu para las tarjetas, con el fin de colocar las opciones de exportar y traducir.

Acceptance criteria:

  • Debe abrirse al cliquear el boton de los tres puntos
  • Debe ser extendible
  • Debe soportar divisiones
  • El popup menu debe verse asi:
    image

Restaurar y Borrar definitivamente los chats borrados

Los chats en la seccion de borrados deberian tener 2 botones: uno de restaurar y otro de borrar definitivamente.

Acceptance criteria:

  • Los chats borrados tienen 2 botones
  • Presionar "restaurar" debe mover el chat a "Todos los chats"
  • Presionar "borrar definitivamente" debe hacer que aparezca un modal: "Estas seguro de que deseas borrar el meetstory?" si/no

Ordenar tarjetas

Las nuevas tarjetas deben aparecer arriba.

Acceptance criteria:

  • Las tarjetas estar谩n ordenadas por fecha (nuevas primero)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    馃枛 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 馃搳馃搱馃帀

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google 鉂わ笍 Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.