romeiro-bru / book-randomizer

:heart: For all book lovers :heart: - If you don't know what to read next let Book Randomizer pick a book for you! :book: - Built with React

Home Page:https://book-randomizer-romeirob.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Book Randomizer

html css react tailwind

Project deploy

This app allows you to search for a book, author or category.
You can also check out fantasy, fiction, romance and poetry books books by clicking the buttons.
It is possible to create your own list and remove books from the list.
You can radomize a book from any search, category or list you create.

book

book

Features

  • Search for a book, author, genre in the search field ✔️
  • Create your own book list clicking on ➕ button ✔️
  • Remove a book clicking on ✖️ button in your list or bookshelf ✔️
  • Choose a literary genre by clicking the corresponding buttons ✔️
  • Click on randomizer to check out your next reading 🤓 ✔️

About Book Randomizer

As a reader, sometimes I'm not sure what to read next because I have so many amazing books on my list!
So I had the idea to build this app to help me in this task. I wanted to be able to create my own list and then randomly generate a book to read next and also have predefined lists in case I wanted a surprise.
Hope this helps other book lovers choose what to read next. 🧚‍♀️ 🥰

Api Reference

Google Books API

Technologies:mag_right:

  • React :atom:
  • CSS 💅✨

Installing / Getting started 👨‍🏭

Prerequisite to run the following commands Node.js, Git, Yarn.
git clone https://github.com/romeiro-bru/random-book-selector.git
yarn install

Run in the project directory yarn start

Made with 🫀 by Bruna Romeiro 🥰

avatar

About

:heart: For all book lovers :heart: - If you don't know what to read next let Book Randomizer pick a book for you! :book: - Built with React

https://book-randomizer-romeirob.netlify.app/


Languages

Language:JavaScript 57.1%Language:CSS 39.9%Language:HTML 3.0%