Code Monkey home page Code Monkey logo

project1-bookmamba's Introduction

PROJECT 1: Book search API

Authors: Omar Minaya, Keyla Santoyo, Marcos Marti & Enid Soto

User Story

As a book lover, I want to find the most popular books in a given topic, so I can read only the best books.

Purpose of the Application

We developed a simple application where a user can search for books and receive information on the highest-rated results we could find. The site also adds value to the user by displaying inspirational quotes and the top three books on the New York Times best sellers list.

The main purpose of the project is to apply all the knowledge we acquired in the first part of the UM Full Stack Developer Bootcamp 2019-2020.

Concept

The name of the application is "Book Mamba." We chose the name of a snake because in some cultures, this animal is a symbol of wisdom. The UI is modern, strong, and sleek.

Technologies used

The application's interface was built with the Bulma framework and custom css styles. The functionality was implemented with jQuery and custom javascript.

APIs used

  • "They Said So" quotes API
  • Google Books API
  • New York Times best sellers API

Functionality

On loading, the page displays a random inspirational quote and the top three books from the New York Times best sellers list. At the top of the page, the user has a search bar where they can type in a keyword, title or ISBN. The user can click the search icon or press the "Enter" key. The application takes the user's input and performs a request to the Google Books API. Then the responses from the API are sorted to include only the top rated books. The user can click the "View Next" button to get another high rated result.

User interface

Book Mamba user interface

Link to the deployed application

You can find the deployed application here

project1-bookmamba's People

Contributors

enma1009 avatar keylasan avatar mmarti1223 avatar omiinaya avatar

project1-bookmamba's Issues

Pending front-end tasks

  • Fix responsive layout issues
  • Look into making the cover display bigger
  • Fix skip button style and structure
  • Test with populated data to adjust font and element sizes
  • Set hover styles for the skip button

Share an idea for the project

Share an idea for a potential App that we can create for the project.

Acceptance criteria

  • Must be something that we can do
  • Must be something that meets the project requirements
  • Must be something doable in 2 weeks
  • Must have real use and utility

description bug #1

the description will sometimes not match the book. i believe this occurs when our code runs into a book with no thumbnail.

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.