Giter Club home page Giter Club logo

mern-book-search's Introduction

MERN: Book Search Engine

GitHub Repository: https://github.com/RubinoD1/MERN-Book-Search

Live Page: https://pure-river-39227.herokuapp.com/

Introduction

This is a MERN book search application that allows users to search for books using the Google Books API. Functionality of this app includes:

  • The ability to make a user account / login using email and password credentials.
  • The ability to search for books
  • Logged in users have the extra functionality of being able to save / remove items from a saved book list.

User Story

AS AN avid reader
I WANT to search for new books to read
SO THAT I can keep a list of books to purchase

Pseudocode

  1. When I load the search engine, I am presented with a menu with these options:
  • Search for books
  • Login/ signup
  • input option to search for books and a submit button
  1. When I click the Search for Books menu option:

THEN I am presented with an input field to search for books and a submit button

  1. WHEN I am not logged in and enter a search term in the input field and click the submit button

THEN I am presented with several search results, each featuring a book’s title, author, description, image, and a link to that book on the Google Books site

  1. WHEN I click on the Login/Signup menu option

THEN a modal appears on the screen with a toggle between the option to log in or sign up

  1. WHEN the toggle is set to Signup

THEN I am presented with three inputs for a username, an email address, and a password, and a signup button

  1. WHEN the toggle is set to Login

THEN I am presented with two inputs for an email address and a password and login button

  1. WHEN I enter a valid email address and create a password and click on the signup button

THEN my user account is created and I am logged in to the site

  1. WHEN I enter my account’s email address and password and click on the login button

THEN the modal closes and I am logged in to the site

  1. WHEN I am logged in to the site

THEN the menu options change to Search for Books, an option to see my saved books, and Logout

  1. WHEN I am logged in and enter a search term in the input field and click the submit button

THEN I am presented with several search results, each featuring a book’s title, author, description, image, and a link to that book on the Google Books site and a button to save a book to my account

  1. WHEN I click on the Save button on a book

THEN that book’s information is saved to my account

  1. WHEN I click on the option to see my saved books

THEN I am presented with all of the books I have saved to my account, each featuring the book’s title, author, description, image, and a link to that book on the Google Books site and a button to remove a book from my account

  1. WHEN I click on the Remove button on a book

THEN that book is deleted from my saved books list

  1. WHEN I click on the Logout button

THEN I am logged out of the site and presented with a menu with the options Search for Books and Login/Signup and an input field to search for books and a submit button

Screenshots

Homepage

Search

Saved Books

mern-book-search's People

Contributors

rubinod1 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.