Skip to content

breadoorr/test-visualization

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Trivia Question Visualizer

A React application that visualizes data from the Open Trivia DB API. This project allows users to explore trivia questions by category and difficulty level through interactive charts.

Light theme view Dark theme view

Light and Dark theme views

Features

  • View a list of trivia categories
  • See the distribution of questions by category
  • See the distribution of questions by difficulty level
  • Filter questions by selecting a specific category
  • Interactive charts using Recharts library

Technologies Used

  • React (with functional components and hooks)
  • TypeScript
  • Recharts for data visualization
  • Axios for API requests
  • CSS for styling

Getting Started

Prerequisites

  • Node.js (v14 or later)
  • npm or yarn

Installation

  1. Clone the repository
git clone https://github.com/breadoorr/test-visualization.git
cd test-visualization
  1. Install dependencies
npm install
  1. Start the development server
npm start

Data Source

This application uses data from the Open Trivia Database, a free-to-use, user-contributed trivia question database.

About

Test task on Data Visualization

Resources

Stars

Watchers

Forks