GithubHelp home page GithubHelp logo

book-saver's Introduction

Book Saver

Abstract

Book Saver is an application that pulls the data from the NYT Best Sellers Lists, and allows the user to view them. There's a homepage that starts with a popular section that displays 4 of the current #1 books, and then a bunch of filters the user can click through to view the current books on all the non-deprecated NYT Bestsellers Lists. When a user clicks on a book, they'll be brought to a new page displaying more info about the book, and give a couple of buttons for the user to have quick access to sites they can purchase the book from. There's also a login page and an account registration page that allows a user to connect their google account or create a new account on the app, all authenticated through Google Firebase.

Project Viewing

Unfortunately, since the app uses Secret API Keys through Google Firebase, it's unable to be pulled down and run locally. However, it's fully usable here

Preview


Home Page image

Home Page under a filter image

Single Book View image

Login Page image

Register Page image

Context

This application is our Mod 3 Stretch Tech group project, and we worked on it for ~20 hours.

Contributors

Trevor Fitzgerald
Tom Doder
Daniel Curtin

Learning Goals

  • Pick up a new technology outside the scope of the Turing Program and implement it into a project.
  • Solidify our understanding of React fundamentals.
  • Create a multi-page UX utilizing React Router.

Wins + Challenges

  • A win came in the form of Firebase implementation - the docs were easy to understand and the installation process was much simpler than expected.
  • A challenge came in the form of Testing - Cypress performs inconsistently at best - tests will fail, then pass upon refresh. It was a challenge to know when our test was actually correct vs. when they were written wrong.

book-saver's People

Contributors

trevorfitz0 avatar danielcurtin avatar lordschwifty 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.