/QuizzApp

This is a quiz application developed using React and the Framer Motion animation library. It is an interactive online application that allows users to answer multiple-choice questions and receive instant feedback on their performance. The application is designed to be user-friendly and visually

Primary LanguageJavaScript

React Quiz App with Framer Motion 🎯🕹️

Esta es una aplicación de quiz desarrollada utilizando React y la librería de animaciones Framer Motion, esta una aplicación interactiva en línea que permite a los usuarios responder preguntas de opción múltiple y recibir retroalimentación instantánea sobre su desempeño. La aplicación está diseñada para ser fácil de usar y atractiva visualmente, lo que la hace adecuada tanto para el aprendizaje como para la diversión.

image image

Features ⚙️🧰

  • Muestra preguntas de opción múltiple con un límite de tiempo dado.
  • El usuario recibe retroalimentación sobre si su respuesta fue correcta o incorrecta.
  • La puntuación del usuario se muestra al final del quiz.
  • El usuario puede ver las respuestas correctas a las preguntas después del quiz.
  • El usuario puede salir del quiz en cualquier momento.

Para comenzar con la aplicación de quiz, sigue estos pasos ⬇️:

  • Clona el repositorio en tu máquina local.
  • Instala las dependencias usando el comando npm install.
  • Ejecuta la aplicación usando el comando npm start.
  • El quiz se lanzará en tu navegador predeterminado.

Para usar la aplicación, sigue estos pasos ⬇️:

  • Haz clic en el botón "Comenzar quiz" para comenzar el quiz.
  • Lee la pregunta y selecciona la respuesta que crees que es correcta.
  • Si tu respuesta es correcta, tu puntuación aumentará y se mostrará la siguiente pregunta.
  • Si tu respuesta es incorrecta, tu puntuación no aumentará y se mostrará la respuesta correcta.
  • Tienes un tiempo limitado para responder cada pregunta, así que asegúrate de elegir tu respuesta rápidamente.
  • Al final del quiz, se mostrará tu puntuación y puedes elegir jugar el quiz nuevamente o salir del quiz.
  • Si eliges ver las respuestas correctas, se mostrará la respuesta correcta a cada pregunta.

Dependencias ⬇️

  • React - una biblioteca de JavaScript para construir interfaces de usuario.
  • Framer Motion - una biblioteca para agregar animaciones y reconocimiento de gestos a componentes de React.