Giter Club home page Giter Club logo

booktionary's Introduction

Booktionary

A React-based book search app utilizing the Google Books API & MongoDB

! HOW IT WORKS !

Utilizes:

  • Mongo
  • Express
  • React
  • Node
  • Axios
  • Google Books API
  • React-Bootstrap Framework

Searches books from the Google Books api and populates the page in real time using React. Saves searches and enables users to save books as well as status (read, reading list, rating) within a MongoDB database linked to an id assigned to the user's computer, using axios requests. All updates occur in real time as well. Utilizes React-Bootstrap framework for a highly modular user experience that fits with modern HCI standards.

+ WHAT IT DOES +
  • On the Home page of the app, users may search for a book using the search form

    • Matching books populate dynamically in the section below after searching

    • They contain the Title, Author(s), and a short description of these books

    • Users can save books into a saved list, which adds them to a Mongo Database

    • Books already saved to the Database are not shown in search

  • On the Saved Books page of the app, users will find the books they have saved

    • Again, saved books contain the Title, Author(s), and a short description of these books

    • Users can delete these books from the list, dropping them individually from the DB

! ~DEPLOYMENT~ !

UPDATE: As Heroku has removed all free plans, this project is no longer deployed. I am currently working on finding it a home. It will likely be redeployed via Google Firebase in the future.

DEPLOYED SCREENSHOT:

Screenshots

- Notes -
  • If downloading this project remember to use npm install to install all required dependencies

  • This project is built with Bootstrap and uses React-Bootstrap components

# Have fun coding! #

booktionary's People

Contributors

wsatchmo avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.