Book Review
Books Review is a website where visitors can find Books of different genre's and categories such as biographies, fantasy, historical, thrillers, horror,and sport. They can also find reviews for Books and aswell add reviews. Books can also be added and removed from the site
Table of Contents
Description
Book Review website provides visitors the facility to view books of different types view and add book reviews.
The website is intended to be accessible on all type of devices
mobile phone, tablet, laptop and desktop.
UX
Strategy
The object of the website is to inform visitor of different Books, allow them to view book summary and reviews
Business Goals
-
External user goals:
The site’s user are visitors looking to find information on books of different interests. They can view book summary and reviews so they can make an informed decision about purchasing books for themselves or for a gift for loved ones or friends. -
Site owner's goal:
To offer a site which is intuitive, easy to use for users. Where visitors can effortlessly find books of interest type with minimum effort.
User Stories
- As a First Time Visitor:
“I would like find a books and read other visitors book reviews ”
“I would like to find book based on book review recommendations”
Scope
This website incorporate Minimal Viable Product (MVP) elements.
-
Fullfills the needs of both the external user (visitors to the site) and business owner with features such as book review,
-
Website not cluttered with too much information. Book Information is clearly presented. Site is easy to navigate.
Structure
The website comprises of three site pages. The page provides the visitor with Book listing showing book category, number of reviews on each book. A button is provided for the listed book to view and add review.
Skeleton
In the main the wireframes more or less match my final project. See links to relevent section of the wireframes below:
Images
The images such as book covers also blended in well with the sites colour scheme.
Colours
I choose sky blue as background colour for the site. For the navigation bar I choose a mild read colour. I feel this offers an easy on the eye contrast.
Typography
I used Google fonts to enhance some text sections of the site. I decided on Roboto with backup sans-serif for text headings on the home page.
Features
The site requires minimum input from the user
* Visitor/user on entering main site see list books showing book details such as book name, Author, category, how many reviews
have been added for the book and a button next to it to view and add review.
* Within the view and add review page, a book summary is provide and a list of submitted book reviews. There an a button to submit a book review.
* Other site features to upload Book details and delete existing books.
Technologies Used
-
HTML
- For basic website page structure / markup
-
CSS3
- CSS3 for styling the website pages aligning elements with padding, margins and I used Float for positioning elements
-
MaterializeCSS– to separate main pags of site into even grid sections. This allowed greater consistency in layout when interacting with site.
-
jquery
- jQuery for MaterializeCSS initialization
-
python/Flask
- provides site logic, connect front end site to mongodb to allow site to view Books stored on mongo Database, add reviews and books. Delete Books.
-
mongodb
- To provide storage storage of Books details such as Book name, Category type, Book cover picture urls and Reviews
-
Font Awesome
- To provide icons for the site pages.
-
Google Font
- to make Paragraph Heading on Home page look clearer I used Roboto font-family referencing https://fonts.google.com/ CDN
in the style css.
- to make Paragraph Heading on Home page look clearer I used Roboto font-family referencing https://fonts.google.com/ CDN
Testing
Deployment
Local git repository was initated in the begining of this project, gitpod and IDE was used to write the code for this project and regular commits
were done throughout the site development and were pushed to remote repository on https://github.com
My project GitHub repository can be found here: https://github.com/djmolloy57/proj_book
Feature would like:
Recommended Book section. A search book bar
Credits
Media
Acknowledgements
-
Nav menu and book upload page borrowed from Mini Project Task Manager.
-
Got helpful hints on solving issue from https://stackoverflow.com/