Habita App

Página Web para crear nuevos hábitos, y llevar control de ellos, mejorarando el estilo de vida.

Front end

Desarrollamos el Front de Habita con el framework React.js usando Typescript como lenguaje principal.

Back end

Desarrollamos el servidor usando Node.js con Express.js

Bases de Datos

Utilizamos un esquema en mongo.

Objetivo

El sistema tiene como objetivo facilitar a las personas una manera de poder llevar el registro de sus hábitos de una manera gameficada.

Pantallas

Inicio de sesión

Esta pantalla tiene como funcionalidad el inicio de sesión, el usuario deberá de ingresar su correo con el que registró a la página y su contraseña.

Registro

Esta pantalla se utiliza para registrar a un usuario en nuestra página web, el usuario deberá de ingresar sus datos como el nombre, correo electrónico y contraseña.

Dashboard

La página inicial se redirige al tablero, en donde el usuario puede marcar sus hábitos como completados al igual que las misiones auto generadas.

Perfil

La pantalla de perfil le muestra al usuario su información y un listado de hábitos compilados al igual que misiones completadas. En esta pantalla el usuario podrá editar su perfil y cambiarse el nombre.

Hábitos

La pantalla de hábitos demuestra todos los habitos que el usuario ha registrado y este puede agregar más o editar los que ya existen.

Quests

La pantalla de quests demuestra todos las misiones que están activas para el usuario, y el usuario al igual que en la pantalla principal puede marcarlas como completadas o inconclusas.

Creado Por

• David Alonso Cantú Martínez A00822455
• Patricio Andres Saldivar Flores A01282504
• Luis Felipe Alvarez Sanchez A01194173