Aran Islands

View the live project here.

This is a website with some basic information about the Aran Islands, displayed through text, images and videos. The Aran Islands are 3 beautiful islands off the westcoast of Ireland. The website should give users information about the Islands. Also, the website should be responsive and accessible on a range of devices, making it easy to navigate for users.

Contents

1. User Experience
2. Features
3. Technologies Used
4. Testing
5. Deployment
6. Credits

User Experience

• As a User, I want to...

Find out basic info on the Aran Islands. Find the social media links so that I can join and interact with other Users. Keep up to date with any news and/or events on the Islands.

Design

• Color Scheme

The 2 main colors I used on this website are white and a shade of green #086631. I chose a very simple color scheme that was representative of colors associated with Islands and nature.I also chose to keep the color scheme simple to keep everything looking uniform and clearly visible. The colors used have passed the color contrast test which I will link Here

• Typography

  The Roboto and Ubuntu fonts as the main fonts throughout the whole website with sans-serif as the fallback font in case for any reason the font isn't being imported into the site correctly. Roboto is a clean font used frequently in programming, so it is both attractive and appropriate.

• Imagery

  Imagery is important. The large, background hero image is designed to be striking and catch the user's attention.It is also a picture from the actual islands as are all the other images on the website.

Features

• Responsive on all device sizes

• Interactive elements

Technologies Used

Languages Used

• HTML5
• CSS
• javascript

Frameworks, Programs & Libraries Used

1. Google Fonts:
   • Google fonts were used to import the 'Roboto' 'Ubuntu' font into the style.css file which is used on all pages throughout the project.
2. Font Awesome:
   • Font Awesome was used throughout the website to add icons for aesthetic and UX purposes.
3. Git
   • Git was used for version control by utilizing the Gitpod terminal to commit to Git and Push to GitHub.
4. GitHub:
   • GitHub is used to store the projects code after being pushed from Git.

Testing

• All relevant information pertaining to testing can be found below

HTML validation

• The HTML was validated using the W3 validator and came back with no errors or warnings, check out the screenshots below for the results.

CSS validation

• The CSS was checked using the W3C CSS Validator and also came back with no errors as can be seen in the screenshot below.

Deployment

• The project is deployed following the"Love Running practice Project.

• The deployment is made via Git pod and Git hub. Every big step was committed and pushed through Git pod terminal.

Here are the steps taken:

• Log-in Github
• Click on "Your Repositories" and select the one to be deployed
• Click on "Setting" at top of the page
• Click on "Pages" on the left side
• Change Source by selecting Main Branch and click on "Save"
• The website is deployed and a link to the live version is generated. here is the live link.

Credits

• My mentor Spencer Barriball for his continued assistance throughout the project.

• W3schools was used for inspiration and fixing issues throughout the project.

• Fellow students on slack provided useful information and links.

• The Youtube videos are taken fromCR's Video Vaults and New Adventure

Content

• The Content of this website is fictional and is created for the purpose of the project only.

Media

• Images used have been taken from Google by filtering the licensed ones to avoid copyright issues.

• The videos have been taken from youtube.