Take starter code with a fully functioning Google Books API search engine built with a RESTful API, and refactor it to be a GraphQL API built with Apollo Server.
Heroku deployment link: *Deploy with Heroku and MongoDB Atlas GitHub repo: screenshots/gifs:
-Google Books API -GraphQL -Mern (MongoDB, Express.js, React.js, Node.js)
TO DO:
-
Set up an Apollo Server to use GraphQL queries and mutations to fetch and modify data, replacing the existing RESTful API. in server server.js * Getting started with Apollo Server -set up schemas folder (activity 2) -index.js -typedefs.js -resolvers.js
-
Modify the existing authentication middleware so that it works in the context of a GraphQL API. **Use activity 26 solution document to help with the pattern -in server server.js * Integrating with Node.js middleware
-
Create an Apollo Provider so that requests can communicate with an Apollo Server. **use 22 activity 2 -in utils folder
-
Deploy your application to Heroku with a MongoDB database using MongoDB Atlas. Use the walkthrough for instructions.
link to that book on the Google Books site -needs a link -came with title, author, description, and image
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 -on submit "something went wrong with your login credentials
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 -completing fields works
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 -needs the link for book on Google Books
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 -needs the link for book on Google Books
WHEN I click on the Remove button on a book THEN that book is deleted from my saved books list
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
Let's start by revisiting the web application's appearance and functionality.
As you can see in the following animation, a user can type a search term (in this case, "star wars") in a search box and the results appear:
The user can save books by clicking "Save This Book!" under each search result, as shown in the following animation:
A user can view their saved books on a separate page, as shown in the following animation:
