francislangit / bookly Goto Github PK

User authentication will be integral to the data cloud storage features of the application. We'll set such up with Firebase, Google's back-end SDK.

• Allow users to sign-in and sign-out of the website.
  • If user logged out, have "Sign In" button that opens up Google's sign in pop up.
  • Else, have a "Sign Out" button that signs the user out of the website.
• Page should display the state of authentication. Greeting if signed in. Signed out message if signed out.
• User must remain signed in even if page is reloaded or closed. They are only to be signed out if they explicitly do so.

Allow users to save their data on the Firebase. We'll be using Cloud Firestore.

On that note, such should be the sole way for users to save data on the platform. There'll not be an offering any local storage options.

Before we construct Bookly's cloud storing features, we must create a skeleton for it's back-end to utilize. In doing so, we'll be creating the following:

• library array, of which will hold user's Book objects.
• Book object to represent each book that a user can store in their library. Has the following attributes:
  • Required
    • Title
    • Author
    • Read (Boolean)
  • Optional
    • Link to Cover Photo
    • Pages
    • Publisher
    • Publication Year
    • ISBN
    • Language
• addBook() function that adds Book objects to library array.
• displayBooks() function that displays all Book objects in library array on web page.

After doing such, we'll need to make an MVP front-end. Make it such that all books currently in initialized Library object are displayed.

While the features of the project are functional, it'll be best to add a bit more to it such that it polished well enough to show to the public.

• Create a section in the website containing the following:
  • Short description of Bookly.
  • Link to GitHub repository.
  • Link to The Odin Project prompt.
  • License and copyright.
• Record a GIF for usage section of the README.md.
• Create a banner for the project's README.md and its GitHub social image.
• Fill up the README.md of the project's GitHub repository.

As of current, when app is reloaded, all books added by user disappears for the user interface. To fix this, we'll implement the usage of the localStorage API. Such allows users to store the books they've saved locally.

Create features allowing users to add and remove books from their library using the web page's user interface. Such need not be styled, just functional.

• Add a "New Book" button.
  • Brings up a form where users fill out details of the Book object they'd like to add to their library.
  • Form will follow attributes in constructor of Book class. Required attributes will be required on the form. Others will be optional.
• Add a "Remove" button on each Book object's display. Such will remove Bookobject from library array.
• Add a "Read" button to each Book object's display. Toggling such will change the read attribute of the Book object.