Bookworm será una aplicación móvil que funcionará para establecer y darle seguimiento a una meta de lectura anual establecida por el usuario; contará con un dashboard fácil de interpretar que permitirá el análisis del hábito lector. En esta, los usuarios podrán almacenar una biblioteca que se pueda dividir en géneros literarios y tres clases: por leer, leyendo y leído. Además de esto, la aplicación le recordará a los usuarios leer frecuentemente para que la meta establecida sea cumplida.
Crear una herramienta tecnológica que permita a un usuario establecer una meta de lectura anual y, que con esta, pueda hacer un seguimiento de su cumplimiento.
Se tomará como base la gama de colores llamada "gruvbox" ya que fue desarrollada con el fin de evitar la fatiga visual y creemos que esto beneficiará al usuario final. El proyecto se encuentra en el GitHub del autor, la paleta que utilizaremos es la siguiente:
- Barra de búsqueda
- Mostrar las páginas restantes para completar la meta diaria del usuario
- Despliegue de todos los libros que se están leyendo actualmente
- Portada del libro
- Título
- Autor
- Progreso (por páginas)
- Botón para actualizar progreso
- Al presionar un libro Go to > «Libro leyendo»
- Image
- Text
- Button
- Text Input
- Cards
- Progress bar
- Visualizar los datos del libro:
- Portada del libro
- Título
- Autor
- Dropdown con los estatus (leyendo, por leer, leído)
- Progreso (por páginas)
- Sinópsis
- Número de páginas
- ISBN
- Año de la edición
- Si se el estatus del libro es «Leyendo»
- «Reanudar lectura» para que comience el timer
- Al presionarlo el timer comienza a correr y se activan dos botones (pausar y detener lectura)
- «Reanudar lectura» para que comience el timer
- Botón para eliminar de la biblioteca
- Image
- Text
- Button
- Cards
- Progress bar
- Dropdown
- Visualizar los datos del libro:
- Portada del libro
- Título
- Autor
- Dropdown con los estatus (leyendo, por leer, leído)
- Progreso (por páginas)
- Sinópsis
- Número de páginas
- ISBN
- Año de la edición
- Botón para añadir a la biblioteca
- View
- Image
- Text
- Button
- Ingresar la página en la que el usuario se quedó
- On page _ of 478
- Mostrar el tiempo leído
- Image
- Text
- Text input
- Crear/actualizar meta diaria (por páginas)
- Text
- Text Input
- Button(Create/Update)
- Se pueden encontrar todos los libros que se han leído organizados en un estante de libros
- Para poder visualizar los libros de una manera más específica, se podrán filtrar por estados
- Al darle click a un libro, se podrá hacer lo siguiente:
- Si se está leyendo: Go to > Página del libro leyendo
- Si se quiere leer: + botón para eliminar de la biblioteca
- Si ya se leyó: + botón para eliminar de la biblioteca y fechas leídas
- Barra de búsqueda
- Drop down menu con filtros de búsqueda
- 3 botones (Go to, eliminar de la biblioteca, eliminar de la biblioteca y fechas leídas)
- Dependiendo del estado del libro, se va a mostrar solo un botón
- Generar un filtro que discrimine la información por los siguientes atributos:
- Día: Minutos y páginas leídas en el día de la consulta
- Últimos 7 días: Minutos, páginas y libros leídos (si es aplicable) en los pasados 7 días de la consulta
- Mes: Minutos, páginas y libros leídos (si es aplicable) en el mes de la consulta
- Año: Minutos, páginas y libros leídos (si es aplicable) en el año de la consulta
- Mostrar un mapa de calor que represente el hábito lector mensual
- Al darle click a un día te muestra lo que se leyó en ese día
- Generar un log del libro que muestre los libros con mayor y menor número de páginas
- Generar un log muestre el dia o mes con el mayor y menor número de páginas o tiempo de lectura.
- Dropdown
- Statistic graphs
A continuación se encuentra la división del trabajo por etapas y la leyenda para ver de manera sencilla la asignación de las tareas.
⚫ Carlos García | 🟠 Daniela Vignau | 🟣 Héctor Reyes | 🟡 Jesus González | 🟤 Sergio Hernández
- Layout general de las pantallas
- Sidebar del menú. 🟣
- Barra de navegación inferior. 🟠
- Desarrollo del contenido principal de las pantallas
- Log-in / Registro
- Desarrollo de la distribución de elementos en pantalla. 🟠
- Creación de formularios y botones para el ingreso de la información. 🟣
- Configuraciones
- Desarrollo de la distribución de elementos en pantalla. 🟣
- Creación de formularios y botones de funcionalidad. 🟠
- Biblioteca
- Desarrollo del componente unitario del libro. 🟣
- Inclusión de filtro para diferenciar libros por el criterio definido por el usuario. 🟠
- Implementar barra de búsqueda. 🟠
- Crear el layout del menú para mostrar todos los libros del usuario. 🟣
- Home
- Desarrollo del layout general incorporando los componentes desarrollados anteriormente (la barra de búsqueda y componente unitario de libro). 🟠
- Creación de barra de progreso para identificar avance en los libros que el usuario esta leyendo. 🟣
- Vista del libro
- Desarrollo de la distribución de elementos en pantalla. 🟣
- Creación de menú dropdown para modificar el estatus del libro (leyendo, por leer, terminado). 🟠
- Desarrollo de la lógica en frontend del cronometro de lectura. 🟣
- Desarrollo de la lógica en frontend de los botones y paginas leídas . 🟠
- Estadísticas
- Desarrollo de la distribución de elementos en pantalla. 🟠
- Creación del filtro basado en unidades temporales. 🟣
- Log-in / Registro
- Funcionalidades lógicas
- Base de datos
- Desarrollo de arquitectura de las bases de datos
- Base de datos para los usuarios. 🟡 🟤 ⚫
- APIs
- Operaciones CRUD para la base de datos de Google Books
- GET 🟡
- Operaciones CRUD para la base de datos de usuarios
- POST 🟤
- DELETE ⚫
- GET 🟤
- UPDATE ⚫
- PUT 🟡
- Operaciones CRUD para la base de datos de Google Books
- Desarrollo de arquitectura de las bases de datos
- Desarrollo de funcionalidades lógicas de la aplicación
- Lógica para la obtención de datos desde los botones y barras de progreso. 🟤
- Transmisión de datos a los componentes que requieran información de las APIs. 🟡 ⚫
- Base de datos
Gruvbox - https://github.com/morhetz/gruvbox/
React Docs - https://reactjs.org/docs/