This website is a search engine for books, and hosts a collection of books with a summary of what the book is about, the author's name, publication date and link to purchase the book.
User experience process is for clarity and conciseness when streaming user with information when they are utilising the application, and for an intuitive navigation. Therefore, minimalistic designs are adopted.
User's requirements:
- As a user I want to find a book
- As a user I want to get a link to the page of the details of the book I searched for from the home page, if the book is available in the website's library
- As a user I want to know more about the book's contents, and publication details
- As a user I want to easily go back to the search engine if no results were found, or if I made a typing error
- As a user I want a link that gets me to an online store to purchase the book I looked up for
- As a user I want to see the full list of books available in the website
Minimal and straight to the point.
User is able to search for books based on title, regardless if the string is a substring or a complete string, and search is not affected by the case of the letters.
- A working dropdown navigation bar from Bootstrap 4, JQuery. Attempt to instal resulted to the navigation button closing too quickly before user can view the navigation contents.
- Ability for user to leave a review for the books they were looking for
- Increase the database of books in the website, by outsourcing data from MongodB
- Allow for user to search for the author's name in the search bar
Using Flask and Jinja for template inheritence to minimise coding efforts. Python was used to structure logic on how the search results page should evolve depending on user input.
For minimalistic styling.
Using Bootstrap 4 to allow page to be responsive on different platforms/window sizes.
Google Inspect
AWS Cloud9 IDE
Scripts were written and tested in the AWS Cloud9 IDE, evolving from static html files to platform-responsive and user interaction dependent html files, powered by Python, Flask with Jinja codes. Intermitently, the static version of the project was saved to my Github repository for version tracking and control. The application version of the website is deployed to Heroku and is available here: (https://biblio-flask-mongo.herokuapp.com/)
- Create new app in Heroku, with the IP=0.0.0.0 and PORT=8080
- $ heroku login -i
- $ heroku apps
- $ git init
- $ git commit -m 'progress log here'
- $ heroku git: remote-a-biblio-flask-mongo
- $ git push heroku master
- Create requirement.txt, Procfile files as instructions for Heroku to run app
- $heroku ps:scale web=1
Took inspiration from the website layout from Google Books.
The 'Biblio' image above the search bar was created from fontmeme Book images and descriptions were sourced from Amazon