Skip to content

"Entiendeme" is a platform that unveils your Vedic astrological birth chart insights. Using DOM manipulation, JavaScript, and UX/UI principles, we generate personalized interpretations based on your Vedic birth details. Explore the alignment of planets and nakshatras to gain a deeper understanding of yourself in just a few clicks.

Notifications You must be signed in to change notification settings

MariferVL/Entiendeme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


🌞¡Entiéndeme!🌚

Proyecto Data Lovers
< L >



Logo


Autoras
María-Fernanda Villalobos
Gabriela Gomez




Acceso a Documentos »
Acceso a Despliegue »



Índice


1. Acerca del proyecto

Según Forbes, el 90% de la data que existe hoy ha sido creada por nosotros durante los últimos dos años, generandoses 2.5 millones de terabytes de datos por día, una cifra sin precedentes. Es por esto que para la realización de este proyecto hemos utilizado/reciclado una de las billones de fuentes de información disponibles en la web. Parte de este proceso implicó la aplicación de conocimiento del DOM, Javascript y UX/UI en conjunto con los nuesvos aprendizajes de manejo de APIS. Así se creó una plataforma que permite a los usuarios conocer los aspectos básicos de su carta astral mediante su fecha, hora y lugar de nacimiento.

Lenguaje de programación

Framework


Volver

2. Objetivos de aprendizaje cumplidos

Mediante la estructuración y creación de este proyecto logramos adquirir conocimientos en las siguientes temáticas:

1. CSS
  • Uso de selectores de CSS
  • Modelo de caja (box model): borde, margen, padding
2. Web APIs
  • Uso de selectores del DOM
  • Manejo de eventos del DOM (listeners, propagación, delegación)
  • Manipulación dinámica del DOM
3. JavaScript
  • Tipos de datos primitivos
  • Strings (cadenas de caracteres)
  • Variables (declaración, asignación, ámbito)
  • Uso de condicionales (if-else, switch, operador ternario, lógica booleana)
  • Uso de bucles/ciclos (while, for, for..of)
  • Funciones (params, args, return)
  • Pruebas unitarias (unit tests)
  • Módulos de ECMAScript (ES Modules)
  • Uso de linter (ESLINT)
  • Uso de identificadores descriptivos (Nomenclatura y Semántica)
4. Control de Versiones (Git y GitHub)
  • Git: Instalación y configuración
  • Git: Control de versiones con git (init, clone, add, commit, status, push, pull, remote)
  • GitHub: Creación de cuenta y repos, configuración de llaves SSH
  • GitHub: Despliegue con GitHub Pages
5. Centrado en el usuario
  • Diseñar y desarrollar un producto o servicio poniendo a las usuarias en el centro
6. Diseño de producto
  • Crear prototipos de alta fidelidad que incluyan interacciones
  • Seguir los principios básicos de diseño visual
7. Investigación
  • Planear y ejecutar testeos de usabilidad de prototipos en distintos niveles de fidelidad


3. Proyecto

Hito 1
  • Pasa linter (npm run pretest)
  • Pasa tests (npm test)
  • Pruebas unitarias cubren un mínimo del 70% de statements, functions y lines y branches
  • Incluye Definición del producto clara e informativa en README
  • Incluye historias de usuario en README
  • Incluye sketch de la solución (prototipo de baja fidelidad) en README
  • Incluye Diseño de la Interfaz de Usuario (prototipo de alta fidelidad) en README
  • - [] Incluye el listado de problemas que detectaste a través de tests de usabilidad en el README
  • UI: Muestra lista y/o tabla con datos y/o indicadores
  • UI: Permite ordenar data por uno o más campos (asc y desc)
  • UI: Permite filtrar data en base a una condición
  • UI: Es responsive

Historias de Usuario

  • Como amiga quiero filtrar la información por elemento astrológico para evaluar mi compatibilidad con mis amigos.
  • Como pareja quiero saber el signo ascendente de mi pareja para potencializar nuestra relación.
  • Como fan quiero ordenar la información por cantantes para saber con cuáles artistas comparto signo zodiacal.
  • Como asesor quiero saber el signo zodiacal de mis clientes para entender sus necesidades de compra.
  • Como astróloga quiero saber el porcentaje de personas de signos aire menores de 50 años.
  • Prototipo de baja y alta fidelidad

    prototipo-papel prototipo-papel-carta
    prototipo-baja-fidelidad2 prototipo-baja-fidelidad
    prototipo-alta-fidelidad2

    Pruebas de API en Postman

    params-postman data-postman

    Código

    data-postman params-postman data-postman

    Volver


    4. Producto

    Durante milenios, la humanidad ha estado empleando la astrología y la carta astral como una forma de adivinar el futuro y registrar el paso del tiempo. Una carta astral es un mapa que muestra la alineación planetaria en el momento exacto en el que naciste, así que nunca dos cartas son iguales. Al elaborar el mapa de la ubicación de los planetas y signos zodiacales en las casas astrológicas al momento de tu nacimiento, puedes tener una mayor comprensión de quién eres.

    producto-inicial producto-funcion

    Volver


    5. Demo

    Volver

    6. Referencias

    Volver

    About

    "Entiendeme" is a platform that unveils your Vedic astrological birth chart insights. Using DOM manipulation, JavaScript, and UX/UI principles, we generate personalized interpretations based on your Vedic birth details. Explore the alignment of planets and nakshatras to gain a deeper understanding of yourself in just a few clicks.

    Topics

    Resources

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

    No packages published