Skip to content

Code Insitute - Milestone Project #1 (User-Centric Front-End Development). Author site.

Notifications You must be signed in to change notification settings

AidanJReid/Author-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Code Institute Milestone Project 1 - Author Website

An author site to promote. market and share the fictional works of yours truly! Links provided from book images leading to Amazon retail site where the user can then read more and/or purchase.

Site can be viewed here: https://aidanjreid.github.io/Author-Website/

UX

This website is for readers of science fiction or thrillers, both fans of my esteemed work or those with a cursory interest.

The aim is to generate sufficient interest to warrant them visiting the book on the Amazon retail site and/or sign up to my newsletter.

Features

Existing

  • Used a sliding image which scrolls on the x-axis to showcase my books. This was achieved entirely through CSS, stitching the book covers together in 1 long image at the suggestion of my mentor.
  • The code was inspired by the following Youtube video
  • External links in the 'Books', 'Free', and the newsletter mention in the 'Bio' sections respectively, open new browser pages to Amazon book site and external mailing list provider - Mailchimp and Bookfunnel (reader magnet site)

Tech Used

Testing

Displayed on screen sizes throughout from Galaxy S5 - Large Desktop ensuring responsiveness.

Tested HTML code on code validator to improve and clean code.

Tested each form field inputs to ensure that fields are required and that email is requested.

Timelines

  • 8/8 - wireframe and grid layout created (HTML) Balsamiq wireframe
  • 9/8 - mentor discussion of feasibility and troubleshooting before main build
  • 9/8 - start creating basic template
  • 18/8 - majority of tasks completed, Deploy on Github
  • 19/8 - second discussion w/ mentor - troubleshooting
  • 20/8 - completed project | Submission

Deployment

Following instructions as laid down on Github

  1. Create new repository for Milestone Project One.
  2. Hit Settings tab on given repository
  3. Scroll down to section 'Github Pages', select 'Source' and choose 'master' branch.
  4. Save

Credit

Form section

Book section (creating cards)

Collapsible navbar

Content

Author used some pre-existing content from his other site. Lorem Ipsom text was used for the blog content merely for display purposes.

Media

Images for Blog section

Background images

  • Unsplash
  • Canva - free stock image as part of author's subscription

Other images (book covers)

  • all images copyright of Aidan J. Reid

Acknowledgements

A debt of thanks to my mentor at Code Institute, Brian Macharia.

Initial concept of sliding book cover images orginated from J.A. Konrath website.

About

Code Insitute - Milestone Project #1 (User-Centric Front-End Development). Author site.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published