Skip to content

Este es un proyecto de aplicación web interactiva desarrollada con Angular y estilizada utilizando Tailwind CSS. Permite a los usuarios seleccionar diferentes categorías de temas y responder una serie de preguntas, ofreciendo una experiencia fluida y rápida.

License

Notifications You must be signed in to change notification settings

loli-digital/quiz-app-angular

Repository files navigation

Quiz App (Angular & Tailwind)

Este es un proyecto de aplicación web interactiva desarrollada con Angular y estilizada utilizando Tailwind CSS. Permite a los usuarios seleccionar diferentes categorías de temas y responder una serie de preguntas, ofreciendo una experiencia fluida y rápida.

Características Principales

  • Temas Modulares: La/os usuaria/os pueden seleccionar entre una variedad de temas (Animales, Geografía, Comida, Mujeres).

  • Diseño Responsive: Interfaz diseñada con Tailwind CSS, adaptándose perfectamente a dispositivos móviles y de escritorio.

  • Rendimiento: Implementación de Lazy Loading (carga perezosa) para mejorar el tiempo de carga inicial de la aplicación.

  • Resultados Detallados: Historial de respuestas y puntuación final, incluyendo el tiempo total consumido.

Este es un ejercicio de roadmap.sh


Portada del proyecto:

Juego de preguntas y respuestas


Configuración Local y Ejecución

This project was generated using Angular CLI version 20.3.3.

Development server

To start a local development server, run:

ng serve

Once the server is running, open your browser and navigate to http://localhost:4200/. The application will automatically reload whenever you modify any of the source files.

Code scaffolding

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

ng generate component component-name

For a complete list of available schematics (such as components, directives, or pipes), run:

ng generate --help

Building

To build the project run:

ng build

This will compile your project and store the build artifacts in the dist/ directory. By default, the production build optimizes your application for performance and speed.

Running unit tests

To execute unit tests with the Karma test runner, use the following command:

ng test

Running end-to-end tests

For end-to-end (e2e) testing, run:

ng e2e

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the Angular CLI Overview and Command Reference page.

About

Este es un proyecto de aplicación web interactiva desarrollada con Angular y estilizada utilizando Tailwind CSS. Permite a los usuarios seleccionar diferentes categorías de temas y responder una serie de preguntas, ofreciendo una experiencia fluida y rápida.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published