All pages on this website are responsive to desktop, iPad and, mobile screens. Every effort has been made om making this website to be as intuitive as possible.

• First Time Visitor Goals

• As a First Time Visitor, I want to easily find a book I want to read.

• As a First Time Visitor, I want to be able to easily navigate throughout the site to find content.

• As a First Time Visitor, I want to look for reviews to understand what their users think of them and see if they are trusted.

• Returning Visitor Goals

• As a Returning Visitor, I would like to write a review about a book I have recently read/purchased from the online store.

• As a Returning Visitor, I want to find the best way to get in contact with the organisation with any questions I may have.

• As a Returning Visitor, I would like to edit a book I added to the website.

• As a Returning Visitor, I would like to Remove a book I added to the website.

• As a Returning Visitor, I would like to delete a review I left on a book.

-o The font families used in this project are:

The choice of colurs evolved during development.

• Menu options available to none members.

• Menu options available to members.

• Menu options aviable to admin members.

• A search box in which users can search for their favorite books by title, author or category.
• Small book cards with image, title, and author name, which on click navigates users to a page with full information of each book.
• When aa member is logged in the edit and delete buttons are available.

• Book cards with image, bestseller(if selected at adding or editing), category, title, author name, page number and ISBN numbers and purchase link.
• Book description.
• Back button to return to home page.
• If logged in the option to leave a review if not a message suggesting you register.
• Lists any reviews already posted for this book.

• Book cards with image, bestseller(if selected at adding or editing), title, author name, page number and ISBN numbers and purchase link.
• Edit button sends any amended data to the database, and a message of an updated book.
• Cancel button to return to home page.

• Book cards with image, bestseller(if selected at adding or editing), title, author name, page number and ISBN numbers and purchase link.
• Edit button sends any amended data to the database, and a message of an updated book.
• Cancel button to return to home page.

• Book card category field.
• Edit button sends any you to the category edit page.
• Cancel button to return to home page.

• Book card category input field.
• Edit button sends the new category data to the database.
• Cancel button to return to home page.

• Book card username input field.
• Book card password input field.
• Login button to access member data.

• Book card username input field.
• Book card email input field.
• Book card admin access request field.
• Book card password input field.
• Register button to register on a website.

1. The addition of an edit user details.
2. The ability to recover access if password forgotten
3. The option to add a user photo or avatar - mongo database restricts storage of large files.
4. To introduce coding to allow a two level membership, member and admin. Currently the new user can request admin rights but only one admin is currently supported by the coding.

• HTML
• CSS
• JavaScript
• Python

• Fontawesome
• Materialize
• Flask
• JQuery

• GitHub
• GitPod
• Balsamic
• W3C HTML Validation
• W3C CSS Validation
• Coolors
• Chrome Dev Tools (incl Lighthouse)
• Unicorn Revealer (extension on Chrome Development Tools)
• JSHint
• MongoDb
• Heroku

Please refer ro the Testing.md

The project after the completed code has been committed and pushed to GitHub can be deployed and found here.. This is achieved by navigating to the page holding the project repository and executing the following steps:

1. From the menu select Settings.
2. Scrolling down the vertical menu (topped by Options) select Pages which leads to the Source section.
3. Under Source click the drop-down menu labelled None and select Main Branch.
4. You are then required to choose a folder, either Docs or root. You should select root.
5. You can now save these selections and the link to the deployed website will be displayed.
6. The website is live https://davej66.github.io/m2-travelseeker/ .

To achieve this by the following process;

1. Under the repository name and the menu that contains Gitpod click Code.
2. Select HTTPS the location will already be present.
3. To the right of this address is an icon once this clicked the location will be cloned.
4. the clone can be found at this https://github.com/Davej66/book-club.

To achieve this by the following process;

1. Create a requirements.txt file using the terminal command pip freeze > requirements.txt.

2. Create a Procfile with the terminal command echo web: python app.py > Procfile.

3. git add and git commit the new requirements and Procfile and then git push the project to GitHub.

4. Create a new app on the Heroku website by clicking the "New" button in your dashboard. Give it a name and set the region to Europe.

5. From the heroku dashboard of your newly created application, click on "Deploy" > "Deployment method" and select GitHub.

6. Confirm the linking of the heroku app to the correct GitHub repository.

7. In the heroku dashboard for the application, click on "Settings" > "Reveal Config Vars".

8. Set the following config vars: Key Value IP 0.0.0.0 MONGO_URI mongodb+srv://:@<cluster_name>-qtxun.mongodb.net/<database_name>?retryWrites=true&w=majority PORT 8000 SECRET_KEY <your_secret_key>

9. In the heroku dashboard, click "Deploy".

10. In the "Manual Deployment" section of this page, made sure the master branch is selected and then click "Deploy Branch".

11. The site is now successfully deployed.

I have used the following 5 websites to gather inspiration for content.

• https://www.librarything.com/home Book review site
• https://www.w3schools.com/ The up button the link here to thread to develop this.
• https://materializecss.com/ Additional features not covered in the course.
• https://www.amazon.co.uk/ and https://blackwells.co.uk/ Image links were used from Amazon and Blackwell's

Thanking my mentor Richard Wells for his invaluable guidance and continuing support. His input & enthusiasm during the mid-review, furthermore at the final review was invaluable.

Support from the slack community when seeking assistance for the wealth of infomation available.

I have learned more in detail about how to complete my README from Anna Gilhespy's project available in codeinstitutes slack community template.