← Back to Projects

Reading Roulette

Leave your next book choice up to chance

React
BulmaUI
Google Books API

View Site

Source Code

About the project:

Reading Roulette is a React-based web application that allows users to randomly select a book based on subject, language and keyword. The application integrates with the Google Books API to fetch book details and offers a user-friendly interface with filtering options.

Tech stack

For this project I went with a simple react application and used BulmaUI components for color themes and components. The Google books public api provided a broad database to build the app logic off of.

  • React App - framework
  • BulmaUI - component styling
  • GoogleBooks API - for book database and retrieval
  • Github Pages - Hosting

Features

  • Search for books by subject, language
  • Filter search results with custom keywords
  • View detailed book information in a modal window
  • Responsive design implemented using Bulma CSS framework
  • Reroll or Learn More options are provided with each book pick
Mockups of the new resouring features
Reading Roulette pick from the Fiction subject.