(introduction of the site)
The intended audience for this project is individuals ...
The intended type of users which this website is targeted for are ...
- As a user, I want to be able to ... so ...
-
- 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
- JavaScript
- JavaScript was used to make the site interactive
- Bootstrap:
- Bootstrap was used to assist with the responsiveness and styling of the website.
- JQuery Core 3.5.1
- JQuery library was used to assist with the responsiveness of the nav bar.
- Google Fonts:
- Google fonts were used to import the font into the style.css file which is used on all pages throughout the project.
- Font Awesome 5.13.3:
- Font Awesome was used on all pages throughout the website to add icons for aesthetic and UX purposes.
- Hover 5.15.3
- Hover effects used for the animation on hovering over links and buttons.
- Google Chrome:
- Default browser used to visually display the build process as well as utilising Chrome Dev Tools to assist where needed.
- Git:
- Git was used for version control by utilizing the Gitpod terminal to commit to Git and push to GitHub.
- GitHub:
- GitHub is used to store the code of the project after being pushed from GitHub Desktop and Brackets
- GitHub Desktop:
- A tool that allows you to interact with GitHub from the desktop
- Balsamiq:
- Balsamiq was used to create the wireframes during the design process.
- Grammerly:
- Online tool which assists with the English grammar.
- Webaim
- To check the contrast of my background colour and text that would be used on my site.
...
On code completion, I ensured my code was validated with no snytax errors. I used W3C Markup Validator for HTML5, W3C CSS Validator for CSS3 to ensure my code is W3C Compliant. I used JSHint to helps to detect errors and potential problems in your JavaScript code.
| Page | Initial Errors | Resolved Errors | Error Notes |
|---|---|---|---|
| index.html | Initial Errors | Resolved Errors | ... |
User Stories Testing from User Experience (UX) Section - View Results
Functionality and Usability Testing - View Results
The project was deployed to Github Pages using the following method:
- Log into Github and found the Project Repository
- At the top of the Repository, i clicked the "Settings" option on the menu.
- I scrolled down the page until i found "Github Pages" section.
- 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".
- The page would automatically refresh itself to the top of the page.
- 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.
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 completed, I was able to push the changes to GitHub.
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.