bealby / frank-hurst

HTML / CSS / Javascript / Python / Flask

Frank Hurst Author

---

Frank’s first book, ‘The Postmistress of Nong Khai’ was the first of three in his‘Golden Triangle’ series. The second ‘The Chiang Mai Assignment’ was published in November 2017 and the final book of the trilogy ‘Mekong Dragon’ was published June 2019. His books, which have received wide acclaim, are authentic crime thrillers based in England and Thailand. They follow the adventures of intelligence officer Mike Rawlin as he tries to capture a dangerous international drugs trafficker in South East Asia.

Frank was himself a former drugs intelligence officer who travelled widely during his career and his writing has the ring of authenticity on every page. The books are about secrets, romance, and rivalry in the dangerous jungles of the Golden Triangle and the corridors of power in London where deception and conspiracy loom at every turn.

This website aims to showcase Frank Hurst - the 'Novelist and Thriller Writer'

---

Website

---

A live version of website can be found here

---

Wireframes

Please find wireframes here

Automated Testing

W3C - All HTML files with their data were directly input into the Mark-Up Validation Service. The results: All HTML code adheres to validation requirements. Errors for Python only.

WSC - CSS data was directly input into the CSS Validation Service. The results: Congratulations! No Error Found.

PEP8 - Python script - app.py- was run through PEP8 online for PEP8 requirements. Results: All Right (Adheres to PEP requirements)

Markdownlint - Markdownlint was used to validate README.md file. 'Validation successful'

Lighthouse Audit - A feature in Chrome Developing Tools - Lighthouse Audit - was carried out on Mobile and Desktop to assess Performance, Accessibility, Best Practices, CEO and Progressive Web App.

Validate Javascript

Chrome DevTools - Console

Technologies Used

---

The following technologies were used in this project:

IDE

• GitPod - A platform used for hard coding of Website

Hosting

• Heroku - Heroku is a cloud platform as a service supporting several programming languages.
• GitHub** - Used to store repository and deploy Website

Languages

• HTML - Markup language of Website
• CSS - Used to style HTML elements
• Python - A programming language that lets you work quickly and integrate systems more effectively.
• JavaScript - Used in collaboration with Bootstrap to collapse Navigation Bar for small devices and Google Maps. Also used for EmailJS.

Language Validators

• W3C - Used to validate HTML code
• WSC - Used to validate CSS code
• Validate Javascript - Used to validate javascript
• Pep8 online - Validator for Python code
• Markdown Lint - Used for validation checks on README.md content

Libraries

• Google Fonts - Programme used to import main fonts in Website: Playfair Display and Calligraffitti
• Font Awesome - Programme used to import icons for Footer in Website: far-envelope and fas fa-phone

Tools

• Balsamiq Wireframes - Allowed preliminary designs to be drawn up of Website
• Adobe Photoshop - Fixing size images
• Adobe Illustrator - Fixing Logo - Magnet Fishing Stockholm
• Sweet Alert - Used for alerts in contact form
• Responsive Design - Free software to generate Mockup of Website on different devices
• Lighthouse Audit - Helped to improve the quality of Website
• Chrome Developer Tools - A useful developing tool in Chrome to edit pages and diagnose problems

Frameworks

• BOOTSTRAP - A framework for building responsive Websites where the powerful Grid system was used along with styling
• Flask - A micro web framework written in Python

Deployment

---

For deployment of Website please follow the below steps:

GitHub

• Click the following link GitHub and and set up an account in GitHub.

• Click the following GitHub repository Frank Hurst

• On the main page of the repository click the green button Code.

• A drop down menu for Clone with HTTPS should appear. Copy URL link.

• Open terminal in IDE; i.e. Gitpod

• Change the current directory to the local directory

• Type git clone plus URL in terminal (Copied above). Then Enter

• In the terminal install the Flask requirements.txt file using the command pip3 freeze --local > requirements.txt

• The app can then be run by typing the command python3 app.py in the terminal

Credits

---

Website

• Website - Murray Bealby.

Media

• All content, photos and video - Frank Hurst

Code

• Image Zoom Feature - Books: Image Zoom Feature