Coder Social home page Coder Social logo

bookshelf-mvc-auth-local's Introduction

Introduction

Book Tracker is built using the MVC Architecture, local auth, and (eventually) utilizing a book API for search and display


Packages/Dependencies used

bcrypt, connect-mongo, dotenv, ejs, express, express-flash, express-session, mongodb, mongoose, morgan, nodemon, passport, passport-local, validator


Things to add: Finishing the Discover/API usage

  1. Rework autofill to only display title & author, maybe on one line. Limit autofill results to something reasonable...10-ish?

  2. Finish off the autofill search: Add event listeners to each autofill/display result, and save each as a global object. On click, clear input and display only that result below with "add book" button. Also look into debounching for the inputs.

  3. Create full search: "search" button next to input so that user can display full search results if they don't see what they want in autofill results. On click, clear input and display each result below with "add book" button

  4. Add book functionality (put request): save title, author, and cover image to db for user

  5. Once all API/Discover page functionality is good, Rework Bookshelf page to display title/author/cover image for each, plus completed/delete buttons. Maybe a grid format

Bonus: Look into whether a different book API would be more reliable re: covers. This one has listings for a million different editions of each book, and it's hard to consistently get a cover image.

Bonus #2: Look for a faster way to handle the autofill search. Possibly using jQuery scripts OR React.

Things to add: Other potential features

Add a page tracker to bookshelf, and display percentage read

bookshelf-mvc-auth-local's People

Contributors

mcneill-shiner 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.