A working prototype for a mini visualization tool that uses data from the Open Trivia DB API to provide insights into trivia questions. Users can intuitively and interactively explore the data through various charts.
This project is built using Vite with React and Javascript/TypeScript by taking in consideration the following requirements:
- React Functional Components and Hooks: the project is built using modern React practices.
- Data Visualization: data insights are displayed via the Recharts library.
- API Integration: at least 50 questions are fetched from the Open Trivia DB API.
- User-friendly UI: uses a simple, interactive, intuitive interface.
- Static Hosting: the app is hosted as a static page on GitHub Pages.
The tool provides the following features:
- List of Categories: shows a list of trivia categories (e.g., Sport, Science, History etc..).
- Distribution by Category: shows the distribution of questions across different categories.
- Distribution by Difficulty: shows the distribution of questions by difficulty level.
- Category Filtering: data can be filtered for by single category.
The app is hosted as a static page, making it accessible for demonstration and review.