Coder Social home page Coder Social logo

fitness-gym's Introduction

PROYECTO: FitnessGym

Logo

Crear una aplicación tanto en nativo como en híbrido que gestione los clientes de un gimnasio, los grupos a los que pertenecen y la duración de su inscripción. La aplicación está orientada a la administración del gimnasio.

Base de datos

La base de datos será en Firebase y se utilizará en ambas aplicaciones. Un empleado puede estar en muchos grupos, pero un grupo solo puede tener un empleado. Un grupo puede tener muchos clientes y un cliente puede estar en un grupo.

La aplicación consta de 3 modelos:

Modelo "clientes"

  • Nombre
  • Apellidos
  • Email
  • Fecha de nacimiento
  • Código postal
  • Número de teléfono
  • DNI/NIE
  • Foto de perfil
  • Inscripción

Modelo "grupos"

  • Nombre
  • Descripción
  • Foto

Modelo "empleado_gym" (usuario y monitor)

  • Nombre
  • Apellidos
  • Fecha de nacimiento
  • Email
  • Contraseña
  • Número de teléfono
  • DNI/NIE
  • Foto de perfil

Al cargo de cada grupo está un monitor, que es un empleado del gimnasio. Un empleado puede tener muchos grupos a su cargo, pero un grupo solo puede tener un empleado al frente.

Modelado de la base de datos (puede cambiar) - 13/04/2023

Modelo de base de datos

Requisitos Específicos del Módulo Sistemas de Gestión Empresarial (SGE)

Para esta asignatura, se descargaron los datos de los clientes en formato CSV o JSON, se manipularon con Pandas y se creó un nuevo archivo que sirve como entrada a PowerBI.

Para descargar los datos de los clientes, se utilizó el paquete de node node-firestore-import-export. A continuación, se muestra un ejemplo de cómo se puede instalar y utilizar:

npm install -g node-firestore-import-export

firestore-export --accountCredentials path/to/credentials/file.json --backupFile /backups/myDatabase.json remplazando las rutas por las nuestras propias rutas, para obtener las credenciales tuvimos que generar una nueva key en firebase.

Una vez teniendo el backup desarollamos usando la libreria de pandas el siguiente archivo:

archivoPython

Archivo del codigo python

Requisitos Específicos del Módulo Desarrollo de Interfaces (DI)

Para la asignatura de diseño de interfaces, crearemos un informe a partir de esos datos (Los datos de los clientes y los grupos a los que pertencen) en el que hemos mostrado gráficas como rangos de edad, grupos con mas clientes, monitores que están a cargo de más/menos grupos, el total de los clietnes, una tabla para visualizar todos los datos de los clientes y un mapa con la localidad de estos clientes. Se subirá al repositorio del proyecto y también se publicará en Power BI, compartiéndolo con la dirección de correo educativa del profesor.

DI

Archivo del informe

Manual de instalacion y dependencias:

Dependecias :

  • Tener instalado node.js y ionic framework
  • Equipo con espacio en el disco
  • Conexion a internet para poder conectar con el backend

Instalacion :

  • Descargar este repositorio ya sea en formato zip o usando un git pull
  • Extraer los archivos del zip en caso de haber descargado el zip o en el caso del git pull abrir la carpeta
  • Abrir la carpeta del programa con visual studio code
  • Ejecutar en el terminal npm i
  • Ejecutar ionic serve

Tutorial de Como usar la App:

Login, Registro y Recuperar la contraseña:

Login

Login

Registro

Registro

Recuperar Contraseña

Recuperar Contraseña

En esta seccion de la aplicacion vemos el login donde contamos con 4 botones, el primero es el de iniciar sesion (sing in), el segundo es el de (sing up) para acceder a la ventana de registro, el tercero es para recupera la contraseña (vemos una frase que nos pregunta si hemos olvidado la contraseña, al hacer click no abre una ventana para introducir nuestro email y recibir un correo). Y por ultimo un boton abajo a la izquierda que nos sirve para cambiar el idioma de la aplicacion de español a ingles.

Home y About Me

Home

Home

AboutMe

About Me

En esta seccion de la aplicacion vemos el home de la aplicacion, en el nos encontramos una card con la foto de nuestro usuario y un mensaje de bienvenida, podemos ver tambien una barra con las distintas secciones de la aplicaion entre ellas esta la de about me que contiene un poco de informacion sobre mi y algunos datos curiosos.

Clientes Grupos y Perfil

clientes

Clientes

grupos

Grupos

perfil

Perfil

En la seccion de clientes y grupos podemos ver una lista y botones para ver los editar, borrar y ver los detalles, ademas de un boton para añadir. En la seccion de perfil, nos encontramos informacion sobre el usuario de la aplicacion, junto con varios botones para editar el usuario, borrarlo y hacer logout.

Bibliografia:

Despliegue:

https://fitness-gym-80s.web.app

Presentacion:

https://drive.google.com/file/d/1j8vYSBcmqcEUUONL-A385_57S6Y_TTgR/view?usp=sharing

Trello

Este proyecto utiliza Trello para la gestión de las tareas a realizar. Trello FitnessGym

Anteproyecto

Anteproyecto Fitness Gym

Vídeo Checkout 05/05/2023

Ver vídeo en YouTube

Vídeo Final 16/06/2023

Ver vídeo en YouTube

Desarrollado por:

  • Jose Antonio Benitez (Híbrido)
  • Alberto Moreno (Nativo)

fitness-gym's People

Contributors

jbenrui avatar

Watchers

 avatar

fitness-gym's Issues

Especificaciones SGE

Hola! no has indicado cómo vas a integrar los requisitos del módulo de Sistemas de Gestión Empresarial.

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.