Skip to content

It is a full-stack website for a library. Here you can place a hold for a book, see book information, search for books. Although you can not read any book, it shows you how can nicely build a system like this. A user can also register and login into the website to keep track of the books.

License

Notifications You must be signed in to change notification settings

RIR360/Noxford-Library

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

featured--picture-low

Noxford Library

It is a full-stack website for a library. Here you can place a hold for a book, see book information, search for books. Although you can't read any book, it shows you how can nicely build a system like this.
A user can also register and login into the website to keep track of the books. Further details are given below.

Visit the site: Noxford Library Live
Watch the video: Noxford Library on Youtube

Technologies

Frontend

  • BootStrap 5
  • CSS 3
  • EJS

Backend

  • AJAX
  • Node JS
  • Express JS
    • Express Session
    • Express Layouts
  • Bcrypt

Database

  • MongoDb Atlas

Hosting

  • Heroku

Login/Register

Login: Login system is supported by Express Session. That uses cookie to remember a login session.
Register: Register form is fully functional and supported by HTML Form and JavaScript. However, if anyone manages to pass any unacceptable input, it will be rejected by the server.

login-register

Encryption

For security measures, I've used Bcrypt to hash and protect the passwords. Bcrypt is a password-hashing function designed by Niels Provos and David Mazières, based on the Blowfish cipher and presented at USENIX in 1999.

image

Dashboard

The dashboard keeps track of the books that a user has placed a hold on. Anyone can place a hold on any book by logging into the site.

dashboard

Search

The search page uses AJAX to show results dynamically. Users can search for a keyword and apply filters to the results. User input always gets sanitized before a search operation execute.

search

There's a lot more you can learn

I hope by exploring this project, anyone can have a good idea about full-stack projects easily. Visit the site and dive into the projects files to know more. Happy coding. Thank you for visiting my project.

footer- picture

About

It is a full-stack website for a library. Here you can place a hold for a book, see book information, search for books. Although you can not read any book, it shows you how can nicely build a system like this. A user can also register and login into the website to keep track of the books.

Topics

Resources

License

Stars

Watchers

Forks