Skip to content
/ Survey Public

🧟¿Sobrevivirás? es una página web interactiva que te hace cuestionar si realmente estás preparado/a para un apocalipsis zombi. Inicia sesión o regístrate para acceder al cuestionario y descubrir tus posibilidades de sobrevivir. Mantén un registro de tus intentos anteriores y mejora tus habilidades de supervivencia. 🧟

Notifications You must be signed in to change notification settings

Dev-Mao/Survey

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

¿Sobrevivirás?

¿Sobrevivirás?

Table of Contents


1. Introducción

¿Sobrevivirás? es una página web interactiva que te permite descubrir si podrías sobrevivir a un apocalipsis zombi. Como usuario tienes la opción de iniciar sesión o registrarte para acceder al contenido completo, participar en el cuestionario las veces que quieras y también tendrás acceso al historial de resultados de todos tus intentos, así podrás llevar un control de qué tanto están mejorando tus habilidades para sobrevivir a un apocalipsisi zombie. (Si no se ha iniciado sesión, se limita el acceso a la pantalla principal)

2. Características

  • Registro e inicio de sesión de usuarios.
  • Navegación fluida entre las secciones de la página.
  • Cuestionario interactivo sobre la supervivencia en un apocalipsis zombi.
  • Visualización de resultados al finalizar las preguntas.
  • Historial de resultados.
  • Cierre de sesión.
  • Diseño responsivo

3. Tecnologías usadas

¿Sobrevivirás? fue contruida con las siguientes tecnologías:

Frontend:

  • HTML: El lenguaje de marcado estándar para crear la estructura básica de la página web.
  • CSS: Para el diseño y la presentación visual de la página, aplicando estilos y diseños a los elementos HTML.
  • JavaScript: Para agregar interactividad y funcionalidad a la página, como la validación de formularios, la navegación y la manipulación de elementos del DOM.
  • React: Para crear interfaces de usuario interactivas y componentes reutilizables.

Backend:

  • Node.js: Un entorno de ejecución de JavaScript que permite ejecutar código JavaScript en el servidor.
  • Express.js: Un framework minimalista para Node.js que facilita la creación de aplicaciones web y APIs RESTful.
  • MongoDB: Una base de datos NoSQL orientada a documentos que fue útil para almacenar datos de usuarios y preguntas del cuestionario.
  • Mongoose: Una biblioteca de Node.js para interactuar con bases de datos MongoDB y definir modelos de datos.

4. ¿Cómo usarla?

  • Clona este repositorio en tu máquina local:
git clone https://github.com/Dev-Mao/Survey.git
  • Entra a la carpeta de tu proyecto:
cd tu_proyecto
  • Entra a la carpeta "backend":
cd .\backend\ 
o
cd backend/
  • Pon a correr la API:
npm start
  • Deja corriendo la API, abre otra terminal y entra ahora a la carpeta "frontend":
cd .\frontend\ 
o
cd frontend/
  • Pon a correr la página:
npm run dev

Nota: Debes tener libres tus puertos 3000 y 5173

Ahora puedes disfrutar de ¿Sobrevivirás? registrándote con tus datos, o si prefieres no crear una cuenta, puedes iniciar sesión con esta información:

Correo Contraseña
invitado@gmail.com 123456

5. Mejoras futuras

  • Mejora del diseño y amigabilidad: El diseño y la amigabilidad de una aplicación son aspectos fundamentales para brindar una experiencia de usuario atractiva. El plan es estilizar la interfaz de usuario y hacerla más atractiva visualmente. Utilizando colores, iconos y elementos visuales que complementen la temática del apocalipsis zombi. Además, asegurarme de que la navegación sea sencilla y que los usuarios puedan encontrar fácilmente lo que están buscando.

  • Refactorización del código: El objetivo de la refactorización es mejorar la legibilidad, mantenibilidad y eficiencia del código, reduciendo la duplicación y aplicando buenas prácticas de programación.

  • Despliegue del proyecto: Desplegar el proyecto en un servidor en línea permitirá que los usuarios accedan a él desde cualquier lugar. Para ello, podría considerar opciones de alojamiento en la nube como Heroku, AWS, GCP o DigitalOcean.

  • Pruebas y optimización: Realizar pruebas mi aplicación ayudará a identificar y corregir errores antes de que los usuarios los encuentren. Implementar pruebas unitarias y de integración para asegurar el correcto funcionamiento de los componentes y la interacción entre ellos.

  • Feedback de Usuarios: Escuchar las opiniones y comentarios de los usuarios para identificar áreas de mejora y nuevas funcionalidades que puedan agregar valor.

About

🧟¿Sobrevivirás? es una página web interactiva que te hace cuestionar si realmente estás preparado/a para un apocalipsis zombi. Inicia sesión o regístrate para acceder al cuestionario y descubrir tus posibilidades de sobrevivir. Mantén un registro de tus intentos anteriores y mejora tus habilidades de supervivencia. 🧟

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published