Book Finder App

Challenge image cover: Book Finder App
  • HTML
  • API
  • CSS
  • JS

Difficulty:Medium

Create an application that will allow users to search for books by entering a query (Title, Author, etc). Display the resulting books in a list on the page with all the corresponding data.

User Stories

  • User can enter a search query into an input field
  • User can submit the query. This will call an API that will return an array of books with the corresponding data (Title, Author, Published Date, Picture, etc)
  • User can see the list of books appearing on the page

Bonus features

  • For each item in the list add a link that will send the User to an external site which has more information about the book
  • Implement a Responsive Design
  • Add loading animations

You can use the Google Books API

Example projects

Book Finder Search Books

More Challenges

Bit Masks challenge image

Bit Masks

  • HTML
  • CSS
  • JS

Difficulty:Medium

Create a tool to explore timezones using bit masks, allowing users to find cities by GMT offset with efficient bitwise operations.

Book Finder App challenge image

Book Finder App

  • HTML
  • API
  • CSS
  • JS

Difficulty:Medium

Develop a "Book Finder App" enabling users to search books by title, author, or query. Features include API integration, responsive design, and loading animations. Perfect coding challenge!

Card Memory Game challenge image

Card Memory Game

  • HTML
  • CSS
  • JS

Difficulty:Medium

Build a "Card Memory Game" featuring grid-based gameplay, timer, and difficulty levels. Test memory skills with image matches, statistics, and dynamic difficulty. Fun coding project!

See more >