View project here

(introduction of the site)

The intended audience for this project is individuals ...

The intended type of users which this website is targeted for are ...

1. As a user, I want to be able to ... so ...

• Colour Scheme

• Typography

• Imagery

• Wireframes

  Home Page

  Master Wireframes

  • Master Wireframes - View

The features that will be utilised in this project will be as follows:

• HTML5
  • HTML5 was used to structure and present content on my website.
• CSS3
  • CSS3 was used to provide my website with style

1. Bootstrap:
   • Bootstrap was used to assist with the responsiveness and styling of the website.

1. Google Fonts:
   • Google fonts were used to import the font into the style.css file which is used on all pages throughout the project.
2. Font Awesome:
   • Font Awesome was used on all pages throughout the website to add icons for aesthetic and UX purposes.

1. Google Chrome:
   • Default browser used to visually display the build process as well as utilising Chrome Dev Tools to assist where needed.
2. Git:
   • Git was used for version control by utilizing the Gitpod terminal to commit to Git and push to GitHub.
3. GitHub:
   • GitHub is used to store the code of the project after being pushed from Git.
4. Github Desktop:
   • A tool that allows you to interact with Github from the desktop
5. Balsamiq:
   • Balsamiq was used to create the wireframes during the design process.
6. Grammerly:
   • Online tool which assists with the english grammar.

...

On code completion, I ensured my code was validated with no snytax errors. I used W3C Markup Validator for HTML5 and W3C CSS Validator for CSS3 to ensure my code is W3C Compliant.

The project was deployed to Github Pages using the following method:

1. Log into Github and found the Project Repository
2. At the top of the Repository, i clicked the "Settings" option on the menu.
3. I scrolled down the page until i found "Github Pages" section.
4. Under the "Source" section, a drop-down option with the result of "None" is visible. I clicked on the drop-down option and selected "Master Brand".
5. The page would automatically refresh itself to the top of the page.
6. I scrolled down to 'Github Pages' again and found a published link which is my deployed site URL.

To make a clone, I had to get the SSH key from the repository which allowed me to clone the repository to my local hard drive.

The alternative method which I used when I first started the project was Github Desktop. I was able to connect my Github repository and push my files through that method. I eventually stopped as the plugin within my code editor did the same job. This enabled me to have one less application to have running while developing.

Within brackets (Editing tool), I was able to download a plugin which enabled me to connect brackets to my GitHub repository. Whenever code was created and saved, I was given the option to commit and make notes on the upload. Once done, I was able to push the changes to GitHub.