Book Search and Review Site

Launched Jun. 2021

Tags

  • HTML, CSS, JavaScript
  • PHP, SQL, Bulma, Asana
  • Team Built
  • Frontend Web Development
  • User Login, Registration
  • Mobile Friendly

I launched The Book Shelf (a book search and reviews site) together with Hannah Eberts, designer, and Dominick Nelson, back end developer. As the front end developer, I combined their work with a nice UI aided by Bulma, which helped us to complete the project on time without sacrificing the quality or consistency of the design.

The Book Shelf website displays several book reviews over a light blue and yellow design.

The Book Shelf was built to provide a space for people to add their favorite books, look at reviews, and find information. We planned the website together, from brainstorming first ideas to a week by week project timeline made in Asana. We also added user accounts, complex searches, dark mode, and a popup to save favorites, using a mix of PHP, JavaScript, and SQL to make the site interactive, functional, and persistent.

Form for submitting a book to the database in dark mode.

In the end, we had an awesome digital bookshelf we could all be proud of.

Mobile view of The Book Shelf on a small iPhone sitting on a patterned background. The Book Shelf displaying saved searches and book listings on a light color scheme.

List of Features

  • Add, search, or view books and reviews
  • Persistent dark mode
The Book Shelf in dark mode displaying recently added books with reviews.
  • Logo animation
  • User login and registration
  • Modal popup to save favorites
  • Search by keyword, author, genre, title, or all
The Book Shelf books search page displaying Fiction books via the Genre search filter.
  • Responsive (device friendly) design
  • 10% chance of a 'prize' popup
  • Page timer in footer
  • Cohesive design created using Bulma (CSS framework)
The Bookshelf footer in dark mode, displaying credits, login and registration links, and a page timer.

Thanks for checking out my project!

Back to Portfolio

Thank you!

Thanks for checking out my work! If you've got a project or job you think suits me, contact me here, by email, or on LinkedIn.

Contact Me

Thanks for dropping by!

Back to top