Skip to content

mejsiejdev/Open-Trivia-DB-Visualizer

Repository files navigation

Open Trivia DB Visualizer

This project is a web application that fetches trivia questions from the Open Trivia DB API and visualizes the data in an interactive way.

image

Functionalities

  • Data Visualization: The application fetches trivia questions and displays the data in two interactive bar charts: one for question categories and one for question difficulty.
  • Interactive Filtering: Users can filter the difficulty chart by clicking on a category in the category chart or by selecting a category from the list. This allows for a more detailed view of the data.
  • Dark/Light Theme: The application supports both dark and light themes, which can be toggled by the user.
  • Responsive Design: The application is designed to be responsive and work on different screen sizes.

Technologies Used

Next.js TypeScript React Radix UI Tailwind CSS Recharts Lucide Icons Next Themes ESLint

Getting Started

To run the project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/mejsiejdev/open-trivia-db-visualizer.git
  2. Install dependencies:

    npm install
  3. Run the development server:

    npm run dev
  4. Open http://localhost:3000 with your browser to see the result.

About

Mini visualization tool for data from the Open Trivia DB API

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors